/* effjobs design tokens — v1, Designer, 1 Nov 2026 (IST).
   Every text colour below is ≥7:1 on every ink surface it is allowed on (see brand/contrast.md).
   Rule: --flare as TEXT only on --ink-0/1/2 (6.81:1 on --ink-3 → use --flare-hi there). */
@font-face{font-family:"Bricolage Grotesque";src:url("/fonts/BricolageGrotesque-display.woff2") format("woff2");font-weight:600 800;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("/fonts/IBMPlexSans-var.woff2") format("woff2");font-weight:100 700;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("/fonts/IBMPlexSans-Italic-var.woff2") format("woff2");font-weight:100 700;font-style:italic;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("/fonts/IBMPlexMono-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("/fonts/IBMPlexMono-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("/fonts/IBMPlexMono-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap}
:root{
  /* ink (warm near-black; Heurystix Blackwood is green-tinted #0A0C0B, effjobs is warm) */
  --ink-0:#0E0C0B; --ink-1:#171412; --ink-2:#221D1A; --ink-3:#2C2622;
  --line:#4A403A;          /* decorative dividers only */
  --line-strong:#9A8D84;   /* input + control borders, 5.9:1 on ink-1 (non-text ≥3:1) */
  /* text */
  --text:#F7F2EE; --text-2:#D2C8C1; --placeholder:#C2B7AF;
  /* accents */
  --flare:#FF9447; --flare-hi:#FFAD70; --on-flare:#0E0C0B;
  --lilac:#C9BBFF; --focus:#C9BBFF;
  --error:#FFA3A3; --error-bg:#2E1414; --gold:#FFD66B;
  /* status pills (fg/bg pairs, all ≥9.6:1) */
  --p-new-fg:#DCD3FF; --p-new-bg:#2A2440;
  --p-applied-fg:#FFC9A3; --p-applied-bg:#3A2416;
  --p-interview-fg:#B0E6FF; --p-interview-bg:#122B38;
  --p-offer-fg:#0E0C0B; --p-offer-bg:#FFD66B;
  --p-rejected-fg:#FFB8B8; --p-rejected-bg:#3A1818;
  --p-skipped-fg:#D2C8C1; --p-skipped-bg:#171412;
  /* type */
  --font-display:"Bricolage Grotesque","Space Grotesk",system-ui,sans-serif;
  --font-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --fs-display:clamp(2.75rem,1.2rem + 4.4vw,5rem);   /* 44 → 80 */
  --fs-h2:clamp(2rem,1.3rem + 2.2vw,3.25rem);        /* 32 → 52 */
  --fs-h3:clamp(1.25rem,1.1rem + .5vw,1.5rem);       /* 20 → 24 */
  --fs-lede:clamp(1.125rem,1rem + .4vw,1.3125rem);   /* 18 → 21 */
  --fs-body:1.0625rem;  /* 17 */
  --fs-small:.9375rem;  /* 15 — smallest size used anywhere */
  --fs-label:.9375rem;  /* mono labels 15 */
  --lh-tight:1.02; --lh-head:1.12; --lh-body:1.6;
  /* space (4-pt) */
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:128px;
  --r-sm:6px; --r-md:10px; --r-lg:18px; --r-pill:999px;
  --wrap:1200px; --gutter:20px;
  --shadow-pop:4px 4px 0 var(--lilac);   /* the "sticker" offset used on primary buttons */
  --focus-ring:0 0 0 3px var(--ink-0),0 0 0 6px var(--focus);
  --header-h:68px; --sticky-h:76px;
}
@media (min-width:640px){:root{--gutter:32px}}
@media (min-width:961px){:root{--gutter:48px;--header-h:76px}}