:root {
  /* Brand palette */
  --color-primary: #0b0f19;
  --color-accent: #0fa4af;
  --color-secondary: #3b82f6;
  --color-highlight: #14b8a6;
  --color-bg: #f8fafc;
  --color-bg-dark: #050816;

  /* Neutral scale (light mode default) */
  --ink-900: #0b0f19;
  --ink-700: #1f2937;
  --ink-500: #475569;
  --ink-300: #94a3b8;
  --ink-100: #e2e8f0;
  --surface-0: #ffffff;
  --surface-1: #f8fafc;
  --surface-2: #eef2f7;

  --border-subtle: rgba(11, 15, 25, 0.08);
  --border-strong: rgba(11, 15, 25, 0.14);

  /* Gradients */
  --gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 55%, var(--color-highlight) 100%);
  --gradient-dark: radial-gradient(circle at 20% 20%, rgba(15, 164, 175, 0.25), transparent 45%),
    radial-gradient(circle at 80% 0%, rgba(59, 130, 246, 0.25), transparent 40%),
    radial-gradient(circle at 50% 100%, rgba(20, 184, 166, 0.2), transparent 45%), var(--color-bg-dark);

  /* Typography */
  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Space Grotesk', var(--font-primary);

  --fs-hero: clamp(2.75rem, 6vw, 5.5rem);
  --fs-h1: clamp(2.25rem, 4vw, 3.75rem);
  --fs-h2: clamp(1.75rem, 3vw, 2.75rem);
  --fs-h3: clamp(1.35rem, 2vw, 1.75rem);
  --fs-lead: clamp(1.125rem, 1.4vw, 1.375rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;

  /* Spacing scale */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 9rem;

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  --shadow-sm: 0 2px 8px rgba(11, 15, 25, 0.06);
  --shadow-md: 0 12px 32px rgba(11, 15, 25, 0.10);
  --shadow-lg: 0 24px 64px rgba(11, 15, 25, 0.16);
  --shadow-glow: 0 0 0 1px rgba(15, 164, 175, 0.25), 0 20px 60px rgba(15, 164, 175, 0.18);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 0.2s;
  --dur-base: 0.4s;
  --dur-slow: 0.8s;

  --container-max: 1320px;
  --header-h: 84px;

  color-scheme: light;
}

:root[data-theme='dark'] {
  color-scheme: dark;
  --ink-900: #f8fafc;
  --ink-700: #e2e8f0;
  --ink-500: #94a3b8;
  --ink-300: #64748b;
  --ink-100: #1e293b;
  --surface-0: #0b0f19;
  --surface-1: #0e1424;
  --surface-2: #131a2c;
  --border-subtle: rgba(248, 250, 252, 0.08);
  --border-strong: rgba(248, 250, 252, 0.16);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    color-scheme: dark;
    --ink-900: #f8fafc;
    --ink-700: #e2e8f0;
    --ink-500: #94a3b8;
    --ink-300: #64748b;
    --ink-100: #1e293b;
    --surface-0: #0b0f19;
    --surface-1: #0e1424;
    --surface-2: #131a2c;
    --border-subtle: rgba(248, 250, 252, 0.08);
    --border-strong: rgba(248, 250, 252, 0.16);
  }
}