/* Design tokens — royal/light-blue AI Business Solutions identity.
   Kept as CSS custom properties so future theming (dark mode, dashboard
   parity) can override at :root without touching component rules. */
:root {
  /* Brand blues */
  --color-royal-900: #0b1f4d;
  --color-royal-700: #143a8f;
  --color-royal-600: #1d4ed8;
  --color-royal-500: #3b6dee;
  --color-blue-200: #cfe0ff;
  --color-blue-100: #e8f0ff;
  --color-blue-50: #f5f8ff;

  /* Neutrals */
  --color-ink-900: #10182b;
  --color-ink-700: #33405c;
  --color-ink-500: #5a6a8a;
  --color-white: #ffffff;
  --color-border: #dde6fb;

  /* Semantic */
  --color-bg: var(--color-white);
  --color-bg-alt: var(--color-blue-50);
  --color-text: var(--color-ink-900);
  --color-text-muted: var(--color-ink-500);
  --color-accent: var(--color-royal-600);
  --color-accent-strong: var(--color-royal-700);
  --color-focus-ring: #ffb703;

  /* Type */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-size-base: 1rem;
  --line-height-base: 1.6;

  /* Spacing scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;

  /* Radii / motion (restrained on purpose) */
  --radius-sm: 6px;
  --radius-md: 12px;
  --motion-fast: 120ms;
  --motion-base: 200ms;

  --content-max-width: 72rem;
}