/* IRON SMITHY — Direction A · MOLTEN 熔鑄
   tokens: ref (raw values) → sys (roles) → comp (components). Integer values only. */
:root{
  /* ref */
  --ref-molten-500:#FF4A1C; --ref-molten-300:#FF7A52; --ref-ember-400:#FFB21E;
  --ref-anvil-950:#0D0D0F; --ref-graphite-900:#1C1C21; --ref-graphite-800:#26262C;
  --ref-steel-500:#8C9099; --ref-steel-700:#5A5E66; --ref-ash-100:#E9E6E0; --ref-stage-300:#D2D2D2; --ref-ink-950:#141416;
  --ref-font-display:"Michroma", sans-serif; --ref-font-pixel:"Geist Pixel", monospace;
  --ref-font-mono:"Geist Mono", ui-monospace, monospace; --ref-font-zh:"Noto Sans TC", sans-serif;
  --ref-space-4:4px; --ref-space-8:8px; --ref-space-12:12px; --ref-space-16:16px; --ref-space-24:24px; --ref-space-32:32px;
  --ref-space-48:48px; --ref-space-64:64px; --ref-space-96:96px;
  --ref-radius-4:4px; --ref-radius-24:24px; --ref-radius-28:28px;
  --ref-ease-out:cubic-bezier(0.19,1,0.22,1);
  /* sys */
  --sys-bg:var(--ref-anvil-950); --sys-surface:var(--ref-graphite-900); --sys-surface-2:var(--ref-graphite-800);
  --sys-ink:var(--ref-ash-100); --sys-ink-dim:var(--ref-steel-500); --sys-ink-faint:var(--ref-steel-700);
  --sys-accent:var(--ref-molten-500); --sys-accent-2:var(--ref-ember-400);
  --sys-line:rgba(233,230,224,.14); --sys-line-strong:rgba(233,230,224,.32);
  --sys-light-bg:var(--ref-stage-300); --sys-light-ink:var(--ref-ink-950); --sys-light-dim:#55555B;
  --sys-gutter:var(--ref-space-48);
  /* comp */
  --comp-nav-h:72px; --comp-hud-inset:24px;
  --comp-eyebrow-size:11px; --comp-eyebrow-track:.14em;
  --comp-h1-size:40px; --comp-h2-size:44px;
  --comp-body-size:16px; --comp-body-lh:1.9;
  --comp-pixel-s:16px; --comp-pixel-m:32px; --comp-pixel-l:64px;
}
@media (max-width:1199px){ :root{ --comp-h1-size:32px; --comp-h2-size:36px; } }
@media (max-width:899px){ :root{ --comp-h1-size:26px; --comp-h2-size:28px; --sys-gutter:var(--ref-space-16); --comp-nav-h:56px; --comp-hud-inset:12px; --comp-body-size:15px; --comp-pixel-l:48px; } }