/* ============================================================
   tokens.css — design system variables
   Theme-matched to "The AI Hacker's Handbook" cover.
   Dark by default. Sharp corners. Terminal, not startup.
   ============================================================ */

:root {
  /* --- Palette (from the cover) --- */
  --oxblood:    #520E17;              /* deep brand base */
  --near-black: #12060A;              /* darkest sections, hero bg */
  --bone:       #F2EBE0;              /* primary text on dark */
  --cream:      #FCFAE0;              /* borders, hairlines, subtle accents */
  --alarm-red:  #EE0F0B;             /* CTAs, links, the injection accent */
  --bone-dim:   #B9AEA0;             /* muted text */
  --line:       rgba(252, 250, 224, 0.14); /* hairline dividers */

  /* Derived / supporting tones */
  --oxblood-deep: #3A0A10;
  --alarm-red-dim: rgba(238, 15, 11, 0.14);
  --alarm-red-hover: #ff2a26;
  --panel:      rgba(252, 250, 224, 0.03);
  --panel-line: rgba(252, 250, 224, 0.10);

  /* --- Type (from the cover) --- */
  --font-display: "Bebas Neue", "Arial Narrow", sans-serif; /* big headlines */
  --font-ui:      "Source Sans 3", system-ui, -apple-system, sans-serif; /* body, UI */
  --font-mono:    "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace; /* labels, code, payloads */

  /* --- Scale (fluid) --- */
  --step-hero: clamp(2.6rem, 7vw, 6rem);
  --step-h2:   clamp(1.8rem, 4vw, 3rem);
  --step-h3:   clamp(1.25rem, 2.2vw, 1.6rem);
  --step-body: clamp(1rem, 1.05rem + 0.2vw, 1.15rem);
  --step-small: clamp(0.8rem, 0.85rem + 0.1vw, 0.9rem);
  --measure:   66ch;          /* max line length for readability */

  /* --- Space + motion --- */
  --space:     clamp(1rem, 2vw, 2rem);
  --section-y: clamp(4rem, 9vw, 8rem);
  --gutter:    clamp(1.25rem, 5vw, 4rem);
  --radius:    2px;           /* sharp, technical, not rounded */
  --ease:      cubic-bezier(.2, .7, .2, 1);
  --maxw:      1180px;
}