/* Kinocut product design tokens — kinocut.dev
   Authority: docs/DESIGN-SYSTEM-INTERVIEW-KINOCUT.md (approved).
   Direction: "Agent edit bay on basalt — cyan schematics, amber verified,
   magenta still needs a human."
   Palette primitives may share the lab family, but this is a product surface:
   NLE inspector / finishing-bay chrome, not the KyaniteLabs org homepage. */

@font-face {
  font-family: "Space Grotesk";
  src: url("../fonts/SpaceGrotesk-700.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../fonts/PlusJakartaSans-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../fonts/PlusJakartaSans-700.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/JetBrainsMono-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/JetBrainsMono-600.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}

:root {
  /* field — edit suite darks (void under basalt panels) */
  --void: #030508;
  --midnight: #070b10;
  --basalt: #0a1018;
  --basalt-2: #0d1620;
  --basalt-3: #121c28;
  --text: #eef4f8;
  --text-2: #b6c5d1;
  --muted: #7a8d9c;

  /* roles (interview-locked) */
  --cyan: #4fd6e4;          /* system live / active rails */
  --blue: #0a6fad;          /* structural only */
  --magenta: #e85682;       /* human gate pending */
  --amber: #e9c960;         /* verified / pass */
  --amber-2: #c9922e;
  --amber-ink: #2a220c;
  --mint: #4ecf9f;          /* quality pass marks */

  --line-color: rgba(200, 220, 230, 0.12);
  --line-hot: rgba(79, 214, 228, 0.35);
  --etch-line: rgba(200, 220, 230, 0.028);
  --etch-cell: 48px;        /* denser sheet than marketing 96px */
  --panel: #0a1018;
  --panel-strong: #0c1420;
  --panel-lift: #101a26;
  --scope-track: rgba(200, 220, 230, 0.08);
  --scope-fill: var(--cyan);

  /* type — mono elevated (CLI/receipt first-class) */
  --font-display: "Space Grotesk", system-ui, sans-serif;
  --font-body: "Plus Jakarta Sans", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --size-hero: clamp(2.4rem, 9vw, 5.5rem); /* denser wordmark than lifestyle hero */
  --size-h2: clamp(1.35rem, 2.6vw, 1.85rem);
  --size-lede: clamp(1rem, 1.3vw, 1.15rem);
  --size-body: 0.9375rem;
  --size-small: 0.8125rem;
  --size-micro: 0.6875rem;  /* 11px instrument labels */
  --leading-tight: 1.05;
  --leading-body: 1.55;
  --tracking-wide: 0.12em;
  --tracking-instrument: 0.08em;

  /* dense space scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;

  --measure: 62ch;
  --page-max: 74rem;
  --radius-1: 3px;
  --radius-2: 5px;
  --rule: 1px solid var(--line-color);
  --rule-hot: 1px solid var(--line-hot);

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-1: 120ms;
  --dur-2: 280ms;

  --playhead-h: 2px;
  --receipt-w: 22.5rem;
  --rail-w: 3.25rem;
  --bay-top-h: 3rem;
}