/* RK Creatives — design tokens (dark-first neo-brutalist) */
:root {
  color-scheme: dark;
  --bg: #0A0A0F;
  --surface: #12121A;
  --surface-2: #1A1A26;
  --fg: #F4F2FF;
  --muted-fg: #A1A1B5;
  --border: #2A2A3A;
  --border-strong: #3D3D55;
  --primary: #004AAD;
  --primary-fg: #FFFFFF;
  --secondary: #5B9BEF;
  --accent: #5B9BEF;
  --accent-fg: #04121A;
  --destructive: #F87171;
  --success: #4ADE80;
  --glow: rgba(0, 74, 173, 0.5);
  --grid-line: rgba(255, 255, 255, 0.05);

  --font-display: "Space Grotesk", system-ui, sans-serif;
  --font-body: "DM Sans", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --fs-2xl: clamp(1.5rem, 1.2rem + 1.4vw, 2.25rem);
  --fs-3xl: clamp(2rem, 1.4rem + 2.8vw, 3.5rem);
  --fs-4xl: clamp(2.6rem, 1.4rem + 5.6vw, 6rem);
  --fs-mega: clamp(3rem, 1rem + 8.5vw, 9.5rem);

  /* density 10: compact 8–32px scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --section-y: clamp(48px, 6vw, 88px);

  --container: 1440px;
  --gutter: clamp(16px, 2.5vw, 32px);
  --radius: 0px;
  --line: 1px solid var(--border);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 150ms;
  --dur: 250ms;
  --header-h: 64px;
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #FAF5FF;
  --surface: #FFFFFF;
  --surface-2: #F1EAFE;
  --fg: #1E1B4B;
  --muted-fg: #4B4870;
  --border: #1E1B4B;
  --border-strong: #1E1B4B;
  --primary: #004AAD;
  --secondary: #004AAD;
  --accent: #004AAD;
  --accent-fg: #FFFFFF;
  --destructive: #DC2626;
  --success: #15803D;
  --glow: rgba(0, 74, 173, 0.16);
  --grid-line: rgba(30, 27, 75, 0.07);
}