/* ============================================================
   CONFIDE — COLOR TOKENS  (v2 — resolved direction)
   Charcoal/ink primary · Trust Blue structure · LIME functional accent.

   Supersedes the earlier navy-dominant / sage-forest-green direction in
   which the logo lime was quarantined to the mark. Per the resolved
   homepage-territory work, the master-logo lime #bcd633 is now a live UI
   colour — it is THE functional accent (checks, badges, active states,
   CTAs, the signature rule). Trust Blue is retained deliberately as the
   structural "trust" hue. Sage/forest green is dropped.

   Lime discipline: lime is a SURFACE / accent colour. Text and icons that
   sit ON lime are always INK — never white (lime fails contrast with white).
   ============================================================ */
:root {
  /* --- Ink / charcoal (primary text + structural dark) --- */
  --ink:       #1A1A1A;   /* primary text, structural dark */
  --graphite:  #3F3F3F;   /* secondary text, hairline dark */
  --charcoal:  #1A1A1A;   /* legacy alias → ink */

  /* --- Trust Blue (structure & authority — the retained trust hue) --- */
  --blue-hero: #12222E;   /* deepest — Standard-Bearer dark hero */
  --blue-deep: #1A2E3B;   /* CORE Trust Blue */
  --blue-mid:  #24485A;
  /* legacy navy-* aliases map onto the Trust Blue family (components use these) */
  --navy-900: #0F1D26;
  --navy-800: #14242F;
  --navy-700: #1A2E3B;    /* = --blue-deep */
  --navy-600: #24485A;    /* = --blue-mid  */
  --navy-500: #35566A;
  --navy-400: #5A7688;
  --navy-200: #B8C6CF;
  --navy-100: #DCE4E9;

  /* --- Lime — THE functional accent --------------------------------------
     Carries meaning (verified / go / active), never decoration. Always
     paired with INK when text/icons sit on it. --------------------------- */
  --lime:        #BCD633;  /* master-logo lime — the accent */
  --lime-strong: #A9C020;  /* hover / pressed */
  --lime-tint:   #D4EBC4;  /* soft wash & borders (Advisor) */
  --lime-wash:   #F2F7E0;  /* faint lime chip fill */
  --mist:        #E8F5EE;  /* palest cool wash (Advisor sections, subtle surfaces) */
  --brand-lime:      #BCD633;  /* now a LIVE UI colour (previously logo-only) */
  --brand-charcoal:  #3E3F3E;

  /* legacy green-* aliases → lime family / ink, so existing components stay
     valid. Foreground steps (800/900) resolve to INK for contrast on light;
     mid steps (400–700) are the lime accent; light steps are tints/washes. */
  --green-900: var(--ink);
  --green-800: var(--ink);
  --green-700: var(--lime);
  --green-600: var(--lime);
  --green-500: var(--lime);
  --green-400: var(--lime);
  --green-300: var(--lime-tint);
  --green-200: var(--lime-tint);
  --green-100: var(--mist);

  /* --- Neutrals --- */
  --white:      #FFFFFF;
  --off-white:  #F7FAF8;   /* cream page background */
  --cream:      #F7FAF8;
  --grey-100:   #EEF1F0;
  --grey-200:   #D9E0DE;   /* line grey — hairline borders */
  --grey-300:   #CFD6D3;
  --grey-400:   #9AA4A0;
  --grey-500:   #7D8783;
  --grey-600:   #555555;   /* mid-grey supporting text */

  /* ============================================================
     SEMANTIC ALIASES — use these in components
     ============================================================ */
  /* Surfaces */
  --surface-page:      var(--cream);
  --surface-card:      var(--white);
  --surface-subtle:    var(--mist);
  --surface-navy:      var(--blue-deep);
  --surface-navy-deep: var(--blue-hero);

  /* Text */
  --text-strong:   var(--ink);
  --text-body:     #2A2E2C;
  --text-muted:    var(--grey-600);
  --text-on-navy:  #EEF4F1;
  --text-on-navy-muted: #A9BCC4;
  --text-link:     var(--blue-deep);    /* Trust Blue links (lime can't be link text) */
  --text-link-hover: var(--blue-hero);

  /* Brand / primary structural actions */
  --color-primary:      var(--blue-deep);
  --color-primary-hover:var(--blue-mid);

  /* Functional signal (lime). Surfaces are lime; text/icons on them are ink. */
  --color-verified:      var(--lime);
  --color-verified-soft: var(--lime-tint);
  --signal-fg:           var(--ink);     /* foreground on lime surfaces */
  --cta:                 var(--lime);    /* primary CTA = lime fill + ink text */
  --cta-hover:           var(--lime-strong);
  --on-cta:              var(--ink);     /* text colour on the primary CTA */

  /* Borders & lines */
  --border:        var(--grey-200);
  --border-strong: var(--grey-300);
  --border-navy:   rgba(255,255,255,0.14);
  --rule-accent:   var(--lime);          /* the signature short underline rule */

  /* Focus ring — lime */
  --focus-ring: 0 0 0 3px rgba(188,214,51,0.55);
}