/* ============================================================
   FORGE — tokens.css
   Source: FORGE Digital Brand & Experience Book §02, §18, §22, §33
   Values are verbatim from the brand book. Do not invent values here.
   ============================================================ */

:root {
  /* palette ------------------------------------------------ */
  --forge-black:  #090909;
  --forge-carbon: #111111;
  --forge-steel:  #242424;
  --forge-bone:   #E9E6DF;
  --forge-white:  #F4F2ED;
  --forge-ember:  #E34A21;
  --forge-hot:    #FF5A24;
  --forge-muted:  #8A8984;
  --forge-line:   rgba(255, 255, 255, .14);
  --forge-line-lit: rgba(255, 255, 255, .45);

  /* type stacks -------------------------------------------- */
  --font-display: "Archivo Narrow", "Roboto Condensed", "Arial Narrow",
                  "Helvetica Neue", sans-serif;
  --font-body: "Inter", "Geist Sans", -apple-system, BlinkMacSystemFont,
               "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", "Geist Mono", ui-monospace,
               "SF Mono", Menlo, monospace;

  /* motion tokens (§18) ------------------------------------- */
  --motion-micro:     0.18s;
  --motion-fast:      0.32s;
  --motion-base:      0.55s;
  --motion-reveal:    0.8s;
  --motion-cinematic: 1.2s;
  --ease-out:       cubic-bezier(.16, 1, .3, 1);
  --ease-mechanical:cubic-bezier(.76, 0, .24, 1);

  /* space / layout (§04, §33) ------------------------------- */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --space-section: clamp(6rem, 12vw, 12rem);
  --gutter: clamp(1rem, 2vw, 2rem);      /* 16–32px */
  --outer:  clamp(16px, 4vw, 64px);      /* 16–64px */
  --layout-max: 1600px;
  --nav-h: 72px;

  /* grain / texture ----------------------------------------- */
  --grain-opacity: .045;
}