/* Design tokens shared by all Simbrace sites. Placeholder values — no final brand decisions yet. */

:root {
  /* Color */
  --sb-color-bg: #0d0f14;
  --sb-color-surface: #161922;
  --sb-color-text: #f2f3f5;
  --sb-color-text-muted: #9aa0ad;
  --sb-color-accent: #6e7bff;
  --sb-color-accent-alt: #3ad6c0;
  --sb-color-border: #2a2e3a;

  /* Typography */
  --sb-font-base: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --sb-font-size-base: 1rem;
  --sb-font-size-sm: 0.875rem;
  --sb-font-size-lg: 1.25rem;
  --sb-font-size-xl: 2rem;
  --sb-line-height-base: 1.5;

  /* Spacing */
  --sb-space-xs: 0.25rem;
  --sb-space-sm: 0.5rem;
  --sb-space-md: 1rem;
  --sb-space-lg: 2rem;
  --sb-space-xl: 4rem;

  /* Layout */
  --sb-container-max-width: 72rem;
  --sb-radius-sm: 4px;
  --sb-radius-md: 8px;
}