/* Postround flow: design tokens (Signature style, dark only). Owner: WP2.
   Token names listed in dev/postround/CONTRACTS.md section 3.10 are a contract:
   values may change, names may not be renamed or removed. Extra tokens below the
   contract block are WP2 additions that any package may use. */

/* UI faces: self-hosted woff2 from fontsource 5.3.0 (OFL, see fonts/OFL-*.txt and fonts/SOURCES.txt). */
@font-face {
  font-family: 'Familjen Grotesk';
  src: url(../fonts/familjen-grotesk-latin-wght-normal.woff2) format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow';
  src: url(../fonts/barlow-latin-400-normal.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow';
  src: url(../fonts/barlow-latin-500-normal.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow';
  src: url(../fonts/barlow-latin-600-normal.woff2) format('woff2');
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Caption preview faces: woff2 builds of the same families the export burns in
   (beta/fonts/captions, features.caption_fonts). One static weight each, mapped
   to every weight so the browser never synthesises bold. */
@font-face { font-family: 'Killcut Caption Bold'; src: url(../fonts/captions/barlow-latin-600-normal.woff2) format('woff2'); font-weight: 400 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Killcut Caption Heavy'; src: url(../fonts/captions/anton-latin-400-normal.woff2) format('woff2'); font-weight: 400 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Killcut Caption Rounded'; src: url(../fonts/captions/nunito-latin-900-normal.woff2) format('woff2'); font-weight: 400 900; font-style: normal; font-display: swap; }

:root {
  color-scheme: dark;

  /* ---- Contract tokens (CONTRACTS.md 3.10) ---- */
  /* Surfaces: neutral greys, flush panels, 1px seams */
  --c-seam: #121212;
  --c-panel: #1f1f1f;
  --c-field: #2b2b2b;
  --c-hover: #2b2b2b;
  --c-selected: #383838;
  --c-raised: #3d3d3d;
  --c-stage: #303030;
  --c-black: #0a0a0a;
  /* Text */
  --c-ink: #ebebeb;
  --c-muted: #c0c0c0;
  --c-disabled: #6e6e6e;
  --c-edge: #999999;
  /* Pink. ONLY for: the single primary button per view, trim handles, the kept-range
     bar, the selected-part duration pill, in-clip line checkboxes and "Choose a clip". */
  --c-pink: #ff4fcb;
  --c-pink-hover: #ff6acf;
  --c-pink-active: #f900c1;
  --c-on-pink: #111111;
  /* Status and content colours */
  --c-warn: #f8a13f;          /* round clock at 10 s or less, nothing else */
  --c-speaker-1: #35669a;
  --c-speaker-2: #90502a;
  /* Type */
  --font-display: 'Familjen Grotesk', system-ui, sans-serif;  /* titles, big numerals, timecodes; weight <= 700 */
  --font-ui: 'Barlow', system-ui, sans-serif;                  /* everything else */
  --font-cap-bold: 'Killcut Caption Bold', 'Barlow', sans-serif;
  --font-cap-heavy: 'Killcut Caption Heavy', Impact, sans-serif;
  --font-cap-rounded: 'Killcut Caption Rounded', system-ui, sans-serif;
  /* Radius by role */
  --r-panel: 0;
  --r-chip: 2px;      /* markers, chips, portraits, swatches */
  --r-control: 4px;   /* buttons, inputs */
  --r-phone: 8px;     /* phone preview */
  /* Layout */
  --header-h: 56px;
  --sidebar-w: 320px;
  --gutter: 16px;

  /* ---- WP2 additions ---- */
  --c-raised-hover: #4a4a4a;  /* hover on raised (#3d3d3d) controls */
  --c-on-light: #111111;      /* ink on light fills: toast, headshot badge, checked box */
  --c-white: #ffffff;
  --c-playhead: #f2f2f2;
  --c-ammo: #d6d6d6;
  --c-tick: #6e6e6e;
  --c-tick-major: #8c8c8c;
  --c-shade: rgba(0, 0, 0, 0.55);   /* cut-away gaps on lanes */
  --c-card: #1b1e26;                /* Classic kill card plate */
  --c-card-muted: #9aa0ad;
  --edge-field: inset 0 -1px 0 var(--c-edge);           /* filled input bottom edge */
  --ring-off: inset 0 0 0 1.5px var(--c-edge);          /* unchecked checkbox */
  --ring-pick: inset 0 0 0 2px var(--c-ink);            /* selected tile or icon */
  --ring-swatch: 0 0 0 2px var(--c-panel), 0 0 0 4px var(--c-ink);
  --ring-swatch-off: inset 0 0 0 1px rgba(0, 0, 0, 0.35);
  --outline-marker: 0 0 0 2px var(--c-black);           /* handles, markers, playhead */
  --fs-xs: 11px;
  --fs-s: 12px;
  --fs-m: 13px;
  --fs-l: 15px;
  --t-fast: 0.12s;
  --t-med: 0.3s;
}