/* ==========================================================================
   UHBC — Design tokens
   ========================================================================== */

:root {
  /* Palette. Ink and accent are taken from the UHBC logo (#1A1818 lettering, #E93819 roof). */
  --c-paper: #f7f7f4;
  --c-paper-2: #efeee9;
  --c-stone: #ddd8cf;
  --c-stone-2: #cdc7bc;
  --c-ink: #1a1818;
  --c-ink-2: #262222;
  --c-slate: #6b6560;
  --c-slate-light: #aaa39c;
  /* Logo red: graphics, rules, indicators and large type (3.9:1 on paper, too low for small text). */
  --c-accent: #e93819;
  /* Deeper logo red: small text on paper, and fills behind paper-coloured text (both ≥ 5:1). */
  --c-accent-ink: #c4300f;
  /* Logo red lifted for use on dark ink backgrounds. */
  --c-accent-light: #f2714f;
  /* Bullion and Capital Investments brand (black and gold), used only in the Business Network section.
     The exact brand gold is unconfirmed; adjust here when Bullion supplies it. */
  --c-bullion-black: #0d0c0b;
  --c-gold: #c9a24c;
  --c-gold-light: #e3c784;
  --c-gold-line: rgba(201, 162, 76, 0.32);
  --c-error: #a8172a;
  --c-success: #2f6b4f;

  --c-line: rgba(26, 24, 24, 0.14);
  --c-line-strong: rgba(26, 24, 24, 0.32);
  --c-line-light: rgba(247, 247, 244, 0.16);

  /* Typography */
  --f-sans: "Inter Tight", "Helvetica Neue", Arial, system-ui, sans-serif;
  --f-serif: "Instrument Serif", "Times New Roman", Georgia, serif;
  --f-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  --fs-label: 0.6875rem;
  --fs-small: 0.875rem;
  --fs-body: clamp(1rem, 0.96rem + 0.18vw, 1.125rem);
  --fs-lede: clamp(1.125rem, 1.02rem + 0.45vw, 1.5rem);
  --fs-h4: clamp(1.25rem, 1.1rem + 0.6vw, 1.75rem);
  --fs-display-3: clamp(2.25rem, 1.6rem + 2.6vw, 4.5rem);
  --fs-display-2: clamp(2.5rem, 1.6rem + 3.8vw, 6rem);
  --fs-display-1: clamp(2.75rem, 1.4rem + 5.6vw, 8.5rem);
  --fs-hero: clamp(3.4rem, 0.9rem + 10.6vw, 13.5rem);

  --lh-tight: 0.92;
  --lh-snug: 1.08;
  --lh-body: 1.6;
  --tracking-display: -0.035em;
  --tracking-label: 0.14em;

  /* Layout */
  --gutter: clamp(1.25rem, 0.6rem + 3.2vw, 4.5rem);
  --max-width: 1760px;
  --section-space: clamp(6rem, 3.5rem + 10vw, 13rem);
  --header-h: clamp(4.25rem, 3.8rem + 1.2vw, 5.5rem);

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 0.25s;
  --dur: 0.5s;
  --dur-slow: 0.9s;

  --radius: 2px;
  --z-header: 50;
  --z-menu: 45;
  --z-curtain: 100;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0.01s;
    --dur: 0.01s;
    --dur-slow: 0.01s;
  }
}