/* =========================================================================
   helmhero-tokens.css — HelmHero brand primitives
   Single source of truth for brand colors, fonts, gradients.
   Consumed by: index.html (app chrome). landing.css to migrate in cleanup.
   Report dark instrument-panel accents are Step 3 — not governed here yet.
   ========================================================================= */
:root{
  /* brand colors */
  --hh-aqua:#00D2A6;
  --hh-aqua-bright:#19E8C2;
  --hh-aqua-deep:#00A884;        /* darker aqua for text/icons on light surfaces */
  --hh-blue:#147EFB;
  --hh-blue-bright:#3E97FF;
  --hh-navy:#0A1B2E;
  --hh-navy-2:#0E2438;

  /* gradients */
  --hh-grad:linear-gradient(118deg,var(--hh-aqua) 0%,var(--hh-blue) 78%);
  --hh-grad-soft:linear-gradient(118deg,rgba(0,210,166,.16),rgba(20,126,251,.16));
  --hh-grad-text:linear-gradient(100deg,var(--hh-aqua-bright) 0%,var(--hh-blue-bright) 60%);

  /* light surfaces */
  --hh-bg:#F4F7FB;
  --hh-surface:#FFFFFF;
  --hh-surface-2:#EEF3F9;
  --hh-ink:#0A1B2E;
  --hh-ink-2:#3C4F63;
  --hh-muted:#697C90;
  --hh-border:#DBE3EC;
  --hh-border-soft:#E8EEF5;
  --hh-tint-blue:#E8F1FE;

  /* semantic tints */
  --hh-tint-amber:#fef5e6;
  --hh-tint-green:#e6f9f2;
  --hh-tint-red:#fcecea;

  /* caution (amber-family) */
  --hh-caution-bg:#fffbf0;
  --hh-caution-border:#f0d78a;
  --hh-caution-text:#6a5010;

  /* placement/finish */
  --hh-placement:#f0b429;

  /* type */
  --hh-display:'Montserrat',system-ui,sans-serif;
  --hh-body:'Hanken Grotesk',system-ui,sans-serif;
  --hh-mono:'JetBrains Mono',ui-monospace,monospace;
}