/* Design tokens — sourced from marketing.css */

:root {
  --radius: 0.75rem;

  --font-display: "Inter Tight", "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;

  --background: oklch(1 0 0);
  --foreground: oklch(0.17 0.012 260);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.17 0.012 260);

  --primary: oklch(0.55 0.19 258);
  --primary-foreground: oklch(0.99 0 0);
  --primary-hover: oklch(0.5 0.19 258);

  --muted-foreground: oklch(0.52 0.014 260);
  --destructive: oklch(0.577 0.245 27.325);

  --border: oklch(0.918 0.004 260);
  --surface: oklch(0.975 0.003 260);
  --hairline: oklch(0.9 0.004 260);
  --ink: oklch(0.155 0.012 262);
  --ink-foreground: oklch(0.97 0.002 260);

  --shadow-card: 0 1px 2px oklch(0.2 0.02 260 / 0.04),
    0 12px 32px -16px oklch(0.2 0.02 260 / 0.14);
  --shadow-lift: 0 2px 4px oklch(0.2 0.02 260 / 0.05),
    0 28px 60px -24px oklch(0.2 0.02 260 / 0.22);
  --shadow-glow: 0 0 0 1px oklch(0.55 0.19 258 / 0.25),
    0 24px 70px -30px oklch(0.55 0.19 258 / 0.5);

  --container-max: 1320px;
  --nav-height: 4rem;
  --scroll-mt: 7rem;

  /* Spline hero neon */
  --spline-neon: oklch(0.9 0.21 128);
  --spline-neon-foreground: oklch(0.2 0.03 150);
  --spline-hero-foreground: oklch(0.17 0.012 260);
}

/* Ink sections invert tokens locally */
.section-ink {
  --background: oklch(0.155 0.012 262);
  --foreground: oklch(0.97 0.002 260);
  --card: oklch(0.19 0.014 262);
  --muted-foreground: oklch(0.8 0.01 260);
  --border: oklch(1 0 0 / 12%);
  --surface: oklch(0.19 0.014 262);
  --hairline: oklch(1 0 0 / 12%);
  --primary: oklch(0.68 0.16 254);
  --primary-foreground: oklch(0.15 0.012 262);
}