/* Design tokens — Figma file jVzRmKPvBJ1eb0FWJPdid0 (Foundation collection; semantic
   variables read from 547:470).
   Single source: copied to public/shared/tokens.css by scripts/sync-shared.mjs.
   All names carry a --k- prefix so they cannot collide with the case studies' own
   :root tokens (Nordra defines --text-primary, --border-subtle, --space-*, ...).
   The site is dark-only. */

:root {
  /* Primitives — Figma Foundation / neutral */
  --k-neutral-50: #f5f5f3;
  --k-neutral-100: #e4e4e1;
  --k-neutral-200: #c4c4c8;
  --k-neutral-300: #a1a1a6;
  --k-neutral-400: #7a7a80;
  --k-neutral-500: #59595f;
  --k-neutral-600: #3d3d42;
  --k-neutral-700: #2a2a2e;
  --k-neutral-800: #1c1c1f;
  --k-neutral-850: #141416;
  --k-neutral-900: #101012;
  --k-neutral-950: #0a0a0b;

  /* Primitives — Figma Foundation / accent */
  --k-accent-50: #f8fce8;
  --k-accent-100: #f1f8cb;
  --k-accent-200: #e8f3a8;
  --k-accent-300: #dcf085;
  --k-accent-400: #d2f368;
  --k-accent-500: #c8f751;
  --k-accent-600: #aedb3c;
  --k-accent-700: #8fb82f;
  --k-accent-800: #6f9424;
  --k-accent-900: #4f6e19;
  --k-accent-950: #1b210d;

  /* Spacing */
  --k-spacing-4: 4px;
  --k-spacing-8: 8px;
  --k-spacing-12: 12px;
  --k-spacing-16: 16px;
  --k-spacing-20: 20px;
  --k-spacing-24: 24px;
  --k-spacing-32: 32px;
  --k-spacing-48: 48px;
  --k-spacing-56: 56px;
  --k-spacing-64: 64px;

  /* Radius */
  --k-corner-radius-22: 22px;
  --k-corner-radius-24: 24px;
  --k-corner-radius-full: 999px;

  /* Fonts */
  --k-font-body: "Geist", ui-sans-serif, system-ui, sans-serif;
  --k-font-title: "Urbanist", ui-sans-serif, system-ui, sans-serif;
  --k-font-wordmark: "Clash Display", ui-sans-serif, system-ui, sans-serif;
}

/* Semantic */
:root {
  --k-bg-canvas: var(--k-neutral-950);
  --k-bg-surface: var(--k-neutral-850);
  --k-bg-surface-inverted: var(--k-neutral-50);
  --k-bg-accent: var(--k-accent-500);
  --k-bg-chrome: #000;               /* portfolio/surface-black: nav pill, submenu */
  --k-text-primary: var(--k-neutral-50);
  --k-text-secondary: var(--k-neutral-300);
  --k-text-tertiary: var(--k-neutral-400);
  --k-text-link: var(--k-accent-500);
  --k-text-on-accent: var(--k-neutral-950);
  --k-text-on-inverted: var(--k-neutral-950);
  --k-border-subtle: var(--k-neutral-700);
  --k-border-default: var(--k-neutral-600);
  --k-divider: rgba(255, 255, 255, 0.11);
}