/* ============================================================
   NORTHGAUGE BRAND TOKENS
   ------------------------------------------------------------
   Source of truth: Projects/Northgauge/Brand/
   Northgauge_Company_Brand_File_v2.pdf  (§03 palette + §05
   accessibility law). Every color on the site reads from here;
   no hex values belong anywhere else.

   Color law (binding, from the brand file):
   - Deep Navy: backgrounds, wordmark, headers, body text on light
   - Harbor Blue: subheads, links (always underlined)
   - Slate Mist: graphics/dividers only; tagline text on navy
   - Frost Gray: backgrounds, cards, subtle fills
   - Sandstone: accent FILLS only, never text
   - Spruce Slate / Redstone: status DATA only, never chrome,
     always paired with a sign, arrow, or label
   ============================================================ */

:root {
  /* ---- Brand palette (use exactly) ---- */
  --navy:      #102B4A;   /* Deep Navy    */
  --harbor:    #496B86;   /* Harbor Blue  */
  --mist:      #8EA5B6;   /* Slate Mist   */
  --frost:     #D7E0E4;   /* Frost Gray   */
  --spruce:    #5F736E;   /* Spruce Slate - positive, data only */
  --sandstone: #D8C7A3;   /* Sandstone    - fills only          */
  --redstone:  #A65D57;   /* Redstone     - negative, data only */

  /* ---- Applied roles ---- */
  --bg:          #F7F6F3;             /* warm paper page background   */
  --cream:       var(--frost);        /* light panels / highlight tags */
  --ink:         var(--navy);         /* headings, primary text        */
  --ink-2:       #3E5265;             /* body text (navy, lightened
                                         within Deep Navy's text role) */
  --line:        #D3DBDF;             /* hairline borders on light     */

  --accent:      var(--navy);         /* buttons on light surfaces     */
  --accent-2:    var(--harbor);       /* subheads, flags, numerals     */
  --accent-text: #FFFFFF;             /* text on accent fills          */
  --link:        var(--harbor);       /* links: Harbor Blue, underlined */
  --sand-fill:   #EDE4CE;             /* sandstone-tint callout fill;
                                         text on it is Deep Navy       */

  /* Alpha variants of brand colors (kept here so no color
     values live outside this file) */
  --navy-hairline: rgba(16, 43, 74, 0.17);    /* Deep Navy 17%  */
  --mist-glow:     rgba(142, 165, 182, 0.28); /* Slate Mist 28% */
  --sand-glow:     rgba(216, 199, 163, 0.08); /* Sandstone 8%   */
  --frost-dot:     rgba(215, 224, 228, 0.13); /* Frost Gray 13% */

  /* Dark bands (nav, hero, word section, footer) */
  --band-bg:     var(--navy);
  --band-panel:  #17335A;             /* raised cards on navy          */
  --band-ink:    #F3F6F8;
  --band-ink-2:  #A9BCCB;
  --band-line:   #2B4A6B;

  /* ---- Type (brand file §04) ---- */
  --font-display: "Cormorant Garamond", Canela, Georgia, serif;
  --font-body:    Inter, "Neue Haas Grotesk", Helvetica, Arial, sans-serif;
  --font-mono:    Inter, "Neue Haas Grotesk", Helvetica, Arial, sans-serif;

  /* ---- Shape & motion ---- */
  --radius:      3px;
  --ease-out:    cubic-bezier(0.23, 1, 0.32, 1);
  --ease-inout:  cubic-bezier(0.77, 0, 0.175, 1);
}