/* ============================================================
   maturity.network — tokens_v2.css
   Date: 2026-11-01
   Supersedes tokens_v1.css. v1 stays locked and unedited.

   Changes from v1:
     + dark values APPROVED and present, but NOT auto-applied.
                        2026-11-01, Paul: dark is a user toggle for
                        signed-in users, in the profile drop-down
                        (INS-118, v0.29.0). So the OS-preference block
                        below is commented out for v0.28.0 and only
                        :root[data-theme="dark"] is live — which nothing
                        sets until the toggle ships. Shipping the values
                        now means the toggle is one attribute, not a
                        second pass over every page.
     + --inputline      new. A field border is a step darker than a
                        hairline so an input reads as typeable.
     + --alert trio     new. ONE job only: a cut below the K=5 floor.
                        The only red on the site.
     - --figure         REJECTED. Proposed at #0B0B0B for data figures,
                        but that is 0.02 off --ink in light and identical
                        to it in dark. Use --ink.
   Retired in v1 and still retired — do not map, do not revive:
     --l1 --l2 --l3 --l4 --l5, --mn-strength, --mn-opportunity,
     --mn-median, --mn-strength-tint, --mn-opportunity-tint,
     --mn-active-bg, --accent-soft, --mn-link, --mn-rail-w, --warn
     ( --warn becomes --raccoon )
     PARKED: --mn-good-ink  ( Verified now uses the affiliate family )
   ============================================================ */

:root {
  /* surfaces */
  --page:        #FFFFFF;
  --surface:     #F9FAFB;
  --line:        #E4E4E7;
  --grid:        #ECEEEE;
  --inputline:   #D4D4D8;

  /* ink */
  --ink:         #09090B;
  --muted:       #52525B;
  --soft:        #71717A;
  --data-label:  #5B6468;

  /* data marks — lightness ladder, light to dark: track → band → you */
  --raccoon:     #222427;
  --track:       #E0E3E5;
  --band:        #BBC5C8;
  --trend:       #7E888B;
  --whisker:     #7E888B;

  /* vanilla — notes, cautions, prototype marks */
  --vanilla:     #F0EFEB;
  --vanillaline: #DCDAD4;
  --vanillaink:  #6C6860;

  /* affiliate — ALSO THE BRAND ACCENT.
     The logo accent dot is #91d8e4; --afftile is #91D9E4.
     Means: connection. Affiliate coaching, a matched peer, a verified org. */
  --affiliate:   #D3F0F4;
  --affline:     #BBDDE3;
  --afftile:     #91D9E4;
  --affink:      #254950;
  --affglyph:    #254950;

  /* alert — one job: a cut below the K=5 reporting floor */
  --alert:       #FEF8F7;
  --alertline:   #F0D2CE;
  --alertink:    #A8524B;

  /* type */
  --f-display:   'Manrope';
  --f-body:      'Inter';
  --f-data:      'Heebo';

  /* geometry */
  --content-max: 1120px;
  --r-chip:  6px;
  --r-nav:   8px;
  --r-btn:   9px;
  --r-card: 13px;
  --r-panel:14px;
  --r-shell:17px;
  --r-pill: 999px;
}

/* ---------- dark ---------- */
/* ---- OS-preference dark: HELD for v0.28.0 ----------------------
   Uncomment with INS-118 ONLY IF the decision is that a first load
   follows the OS setting. If the toggle is explicit-only, delete
   this block rather than reviving it. Open question in the row.

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --page:        #16181A;
    --surface:     #1C1F21;
    --line:        #2E3336;
    --grid:        #262A2C;
    --inputline:   #3A4044;

    --ink:         #F2F4F4;
    --muted:       #A8B0B3;
    --soft:        #868E91;
    --data-label:  #9AA4A8;

    --raccoon:     #E8EBEC;
    --track:       #2A2F32;
    --band:        #5A656A;
    --trend:       #8C9699;
    --whisker:     #8C9699;

    --vanilla:     #26231D;
    --vanillaline: #3A352C;
    --vanillaink:  #C9C0AE;

    --affiliate:   #15353B;
    --affline:     #22656F;
    --afftile:     #2E8694;
    --affink:      #CFE9ED;
    --affglyph:    #0E2A2F;

    --alert:       #2A1D1C;
    --alertline:   #5A3330;
    --alertink:    #E8A9A4;
  }
}

---- end held block ---------------------------------------------- */

:root[data-theme="dark"] {
  --page:        #16181A;
  --surface:     #1C1F21;
  --line:        #2E3336;
  --grid:        #262A2C;
  --inputline:   #3A4044;

  --ink:         #F2F4F4;
  --muted:       #A8B0B3;
  --soft:        #868E91;
  --data-label:  #9AA4A8;

  --raccoon:     #E8EBEC;
  --track:       #2A2F32;
  --band:        #5A656A;
  --trend:       #8C9699;
  --whisker:     #8C9699;

  --vanilla:     #26231D;
  --vanillaline: #3A352C;
  --vanillaink:  #C9C0AE;

  --affiliate:   #15353B;
  --affline:     #22656F;
  --afftile:     #2E8694;
  --affink:      #CFE9ED;
  --affglyph:    #0E2A2F;

  --alert:       #2A1D1C;
  --alertline:   #5A3330;
  --alertink:    #E8A9A4;
}

/* ---------- brand assets are NOT tokens ----------
   The nav lockup is https://maturity.network/assets/maturity-network-logo.svg
   Its colours (#000000, #4d4d4d, #91d8e4) are brand, not UI. Do not
   "correct" them to --ink / --muted.
   Dark needs an inverted variant: disc takes --ink, bars take --page,
   the accent dot stays #91d8e4 in both themes.
   ------------------------------------------------- */