/* ==========================================================================
   HIVIS FINANCE — SITE TOKENS
   Source of truth: docs/superpowers/specs/2026-04-17-hivis-finance-brandkit-design.md §3, §4
   ========================================================================== */

:root {
  /* Colour — primary */
  --hivis-navy:      #0B1220;
  --hivis-cream:     #F5F3EE;
  --hivis-gradient:  linear-gradient(180deg, #F36D38 0%, #FFB020 100%);

  /* Colour — accents */
  --hivis-orange:    #F36D38;
  --hivis-yellow:    #FFB020;

  /* Colour — support */
  --hivis-navy-2:    #1A2332;
  --hivis-olive:     #3B4A3F;
  --hivis-fog:       #E8E6E1;
  --hivis-ink:       #111111;
  --hivis-mist:      #C4C8D1;

  /* Typography */
  --font-display: 'Archivo Narrow', 'Arial Narrow', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;

  /* Type scale — desktop (brandkit §4.2) */
  --fs-display: 4rem;     /* 64 / 0.95 */
  --fs-h1:      2.75rem;  /* 44 / 1.05 */
  --fs-h2:      2rem;     /* 32 / 1.15 */
  --fs-h3:      1.375rem; /* 22 / 1.25 */
  --fs-body:    1rem;     /* 16 / 1.55 */
  --fs-small:   0.875rem; /* 14 / 1.5  */
  --fs-label:   0.6875rem;/* 11 / 1    */

  /* Layout */
  --container-max: 1200px;
  --gutter-x:      clamp(1rem, 4vw, 2.5rem);
  --radius-sm:     6px;
  --radius-md:     10px;
  --radius-lg:     16px;

  /* Motion */
  --ease:          cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast:      160ms;
  --dur-mid:       280ms;
  --dur-slow:      420ms;
}

@media (max-width: 720px) {
  :root {
    --fs-display: 2.75rem; /* 44 */
    --fs-h1:      2.125rem;/* 34 */
    --fs-h2:      1.625rem;/* 26 */
    --fs-h3:      1.25rem; /* 20 */
  }
}