/* Hallmark · pre-emit critique: P4 H5 E4 S4 R4 V4
 * Theme: custom (cow-modern · paper mid · accent violet · sans-pairing)
 * Tokens locked. All colors reference var(--…). No inline OKLCH allowed. */

:root {
  /* === Spacing (4-pt scale) === */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 64px;
  --space-11: 96px;

  /* === Radii === */
  --radius-1: 4px;
  --radius-2: 8px;
  --radius-3: 12px;
  --radius-4: 16px;
  --radius-5: 24px;
  --radius-pill: 999px;

  /* === Typography === */
  --font-display: "Schibsted Grotesk", system-ui, sans-serif;
  --font-body: "Sora", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  --text-xs: 11px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-md: 17px;
  --text-lg: 20px;
  --text-xl: 24px;
  --text-2xl: 32px;
  --text-3xl: 44px;
  --text-4xl: 60px;
  --text-5xl: 80px;

  --leading-tight: 1.1;
  --leading-snug: 1.25;
  --leading-normal: 1.5;
  --leading-loose: 1.7;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-black: 900;

  /* === Motion === */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 360ms;
  --dur-narrative: 600ms;

  /* === Light theme (default) === */
  --color-accent: oklch(58% 0.22 290);
  --color-accent-strong: oklch(48% 0.25 290);
  --color-accent-soft: oklch(94% 0.04 290);
  --color-accent-glow: oklch(58% 0.22 290 / 0.16);

  --color-paper: oklch(98% 0.005 270);
  --color-paper-2: oklch(96% 0.008 270);
  --color-paper-3: oklch(92% 0.012 270);
  --color-paper-4: oklch(87% 0.018 270);
  --color-ink: oklch(20% 0.02 270);
  --color-ink-2: oklch(40% 0.015 270);
  --color-ink-3: oklch(55% 0.012 270);
  --color-ink-4: oklch(70% 0.01 270);
  --color-border: oklch(90% 0.012 270);
  --color-border-strong: oklch(80% 0.02 270);

  --color-success: oklch(60% 0.16 155);
  --color-success-soft: oklch(95% 0.05 155);
  --color-success-ink: oklch(40% 0.15 155);
  --color-error: oklch(60% 0.22 25);
  --color-error-soft: oklch(95% 0.05 25);
  --color-error-ink: oklch(45% 0.2 25);
  --color-warning: oklch(70% 0.18 75);
  --color-warning-soft: oklch(95% 0.05 75);
  --color-warning-ink: oklch(45% 0.18 75);
  --color-info: oklch(65% 0.15 235);
  --color-info-soft: oklch(95% 0.05 235);

  --shadow-1: 0 1px 2px oklch(20% 0.02 270 / 0.04);
  --shadow-2: 0 2px 8px oklch(20% 0.02 270 / 0.06), 0 1px 2px oklch(20% 0.02 270 / 0.04);
  --shadow-3: 0 8px 24px oklch(20% 0.02 270 / 0.08), 0 2px 8px oklch(20% 0.02 270 / 0.04);
  --shadow-accent: 0 8px 32px oklch(58% 0.22 290 / 0.18);
  --shadow-inset: inset 0 1px 0 oklch(98% 0.005 270 / 0.6);

  --gradient-hero: linear-gradient(135deg, oklch(58% 0.22 290 / 0.12), oklch(70% 0.18 220 / 0.10));
  --gradient-text: linear-gradient(135deg, oklch(58% 0.22 290), oklch(45% 0.25 320));

  /* === Layout === */
  --max-w: 1180px;
  --gutter: clamp(16px, 4vw, 32px);
  --topbar-h: 64px;
  --banner-h: 56px;
}

/* === Hero slide accent variants (per-cert hues, token-locked) === */
[data-accent="violet"]{--slide-accent:oklch(58% 0.22 290);--slide-accent-strong:oklch(48% 0.25 290);--slide-accent-soft:oklch(94% 0.04 290);--slide-glow:oklch(58% 0.22 290 / 0.16)}
[data-accent="cyan"]{--slide-accent:oklch(72% 0.14 220);--slide-accent-strong:oklch(58% 0.16 225);--slide-accent-soft:oklch(95% 0.04 220);--slide-glow:oklch(72% 0.14 220 / 0.18)}
[data-accent="green"]{--slide-accent:oklch(65% 0.17 155);--slide-accent-strong:oklch(50% 0.17 155);--slide-accent-soft:oklch(95% 0.05 155);--slide-glow:oklch(65% 0.17 155 / 0.18)}
[data-accent="amber"]{--slide-accent:oklch(72% 0.16 75);--slide-accent-strong:oklch(55% 0.17 70);--slide-accent-soft:oklch(95% 0.05 75);--slide-glow:oklch(72% 0.16 75 / 0.2)}
[data-accent="rose"]{--slide-accent:oklch(65% 0.2 15);--slide-accent-strong:oklch(50% 0.22 15);--slide-accent-soft:oklch(95% 0.04 15);--slide-glow:oklch(65% 0.2 15 / 0.18)}
[data-accent="teal"]{--slide-accent:oklch(68% 0.14 190);--slide-accent-strong:oklch(52% 0.16 190);--slide-accent-soft:oklch(95% 0.04 190);--slide-glow:oklch(68% 0.14 190 / 0.18)}
[data-accent="indigo"]{--slide-accent:oklch(60% 0.18 260);--slide-accent-strong:oklch(45% 0.2 260);--slide-accent-soft:oklch(95% 0.04 260);--slide-glow:oklch(60% 0.18 260 / 0.18)}

[data-theme="dark"] [data-accent="violet"]{--slide-accent:oklch(72% 0.18 290);--slide-accent-strong:oklch(82% 0.15 290);--slide-accent-soft:oklch(28% 0.08 290);--slide-glow:oklch(72% 0.18 290 / 0.22)}
[data-theme="dark"] [data-accent="cyan"]{--slide-accent:oklch(80% 0.12 220);--slide-accent-strong:oklch(88% 0.1 220);--slide-accent-soft:oklch(26% 0.06 220);--slide-glow:oklch(80% 0.12 220 / 0.22)}
[data-theme="dark"] [data-accent="green"]{--slide-accent:oklch(76% 0.15 155);--slide-accent-strong:oklch(84% 0.12 155);--slide-accent-soft:oklch(26% 0.06 155);--slide-glow:oklch(76% 0.15 155 / 0.22)}
[data-theme="dark"] [data-accent="amber"]{--slide-accent:oklch(80% 0.14 75);--slide-accent-strong:oklch(87% 0.12 80);--slide-accent-soft:oklch(26% 0.05 75);--slide-glow:oklch(80% 0.14 75 / 0.24)}
[data-theme="dark"] [data-accent="rose"]{--slide-accent:oklch(76% 0.17 15);--slide-accent-strong:oklch(84% 0.14 15);--slide-accent-soft:oklch(26% 0.06 15);--slide-glow:oklch(76% 0.17 15 / 0.22)}
[data-theme="dark"] [data-accent="teal"]{--slide-accent:oklch(78% 0.13 190);--slide-accent-strong:oklch(86% 0.10 190);--slide-accent-soft:oklch(26% 0.06 190);--slide-glow:oklch(78% 0.13 190 / 0.22)}
[data-theme="dark"] [data-accent="indigo"]{--slide-accent:oklch(74% 0.15 260);--slide-accent-strong:oklch(82% 0.12 260);--slide-accent-soft:oklch(26% 0.06 260);--slide-glow:oklch(74% 0.15 260 / 0.22)}

[data-theme="dark"] {
  --color-accent: oklch(72% 0.18 290);
  --color-accent-strong: oklch(82% 0.15 290);
  --color-accent-soft: oklch(28% 0.08 290);
  --color-accent-glow: oklch(72% 0.18 290 / 0.22);

  --color-paper: oklch(15% 0.012 270);
  --color-paper-2: oklch(19% 0.014 270);
  --color-paper-3: oklch(23% 0.016 270);
  --color-paper-4: oklch(28% 0.018 270);
  --color-ink: oklch(95% 0.008 270);
  --color-ink-2: oklch(78% 0.01 270);
  --color-ink-3: oklch(60% 0.012 270);
  --color-ink-4: oklch(45% 0.014 270);
  --color-border: oklch(25% 0.014 270);
  --color-border-strong: oklch(35% 0.018 270);

  --color-success-soft: oklch(28% 0.05 155);
  --color-error-soft: oklch(28% 0.06 25);
  --color-warning-soft: oklch(28% 0.05 75);
  --color-info-soft: oklch(28% 0.05 235);

  --shadow-1: 0 1px 2px oklch(0% 0 0 / 0.4);
  --shadow-2: 0 2px 8px oklch(0% 0 0 / 0.4), 0 1px 2px oklch(0% 0 0 / 0.3);
  --shadow-3: 0 8px 24px oklch(0% 0 0 / 0.5), 0 2px 8px oklch(0% 0 0 / 0.3);
  --shadow-accent: 0 8px 32px oklch(72% 0.18 290 / 0.32);
  --shadow-inset: inset 0 1px 0 oklch(95% 0.008 270 / 0.06);

  --gradient-hero: linear-gradient(135deg, oklch(72% 0.18 290 / 0.10), oklch(70% 0.15 220 / 0.08));
  --gradient-text: linear-gradient(135deg, oklch(82% 0.18 290), oklch(70% 0.18 320));
}