/* =============================================================================
   Forging Shop — Design Tokens
   CANON: root index.html (homepage mock). Not the Archivo/steel style-tile doc.
   ============================================================================= */

:root {
  --black: #0b0b0c;
  --ink: #111214;
  --ink-2: #4e5257;
  --ink-3: #63686d; /* >=4.5:1 on white, paper, and wash */
  --white: #fff;
  --paper: #fafafa;
  --wash: #f2f2f1;
  --line: #e6e6e4;
  --edge: #767676;

  --red: #c8321e;
  --red-d: #a32615;
  --red-l: #ff6a4d;

  --gold: #c9a46a; /* seal ring on dark — AA on black */
  --gold-ui: #7a6540; /* stars/icons on light — >=3:1 (actually ~5.5:1 text) */

  --d: "Outfit", system-ui, sans-serif;
  --b: "Inter", system-ui, sans-serif;
  --an: "Anton", Impact, sans-serif;
  --cd: "Barlow Condensed", system-ui, sans-serif;

  --w: 1400px;
  --t: 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  --t2: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  --brand-radius: 96px 32px 0 51px;

  --gutter: clamp(20px, 4vw, 56px);
  --hbar-pad: clamp(24px, 3vw, 64px);
  --tap: 44px;
  /* Sticky header clearance (announcement is not sticky) */
  --sticky-offset: 96px;
  --mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
}

@media (max-width: 1180px) {
  :root {
    --sticky-offset: 80px;
  }
}