/* ============================================================
   bhildOs — Color tokens
   Ported verbatim from app/globals.css (`--bhild-*`).
   Base palette + semantic aliases. Never invent colors —
   restyle by editing the base values below.
   ============================================================ */

:root {
  /* ---- Navy (primary dark surface) ---- */
  --bhild-navy:      #1E2A3A;   /* hero footers, sidebar, callouts, dark bands */
  --bhild-navy-2:    #25344A;   /* stat card bg on navy sections */
  --bhild-navy-3:    #2C3E57;   /* subtle navy variant */

  /* ---- Steel (secondary accent) ---- */
  --bhild-steel:       #2F4C70; /* roadmap items, steel icons, "soon" text */
  --bhild-steel-soft:  #E8F0F9; /* steel icon background, soon pill */

  /* ---- Green (primary action) ---- */
  --bhild-green:      #46B04A;  /* buttons, status dot, pill default */
  --bhild-green-400:  #5BC24A;  /* lighter green — gradient top, focus ring */
  --bhild-green-600:  #3C9A35;  /* darker green — eyebrow, hover, links */
  --bhild-green-soft: #E9F7EA;  /* pill bg, card icon bg */

  /* ---- Ink / text ---- */
  --bhild-ink:    #16202E;   /* headings + body emphasis */
  --bhild-slate:  #46566B;   /* default body text */
  --bhild-muted:  #6B7A8D;   /* captions, secondary text, fine print */

  /* ---- Surfaces & lines ---- */
  --bhild-line:     #E5EAF0; /* hairlines, card borders, dividers */
  --bhild-bg:       #FFFFFF; /* default page background */
  --bhild-bg-soft:  #F4F7FA; /* soft section bg, hover states */

  /* ---- In-app status accents (from bhildos-app.css) ---- */
  --bhild-amber:      #B7791F; /* "needs follow-up" KPI, new-lead badge text */
  --bhild-amber-soft: #FFF4E5; /* new-lead badge background */
  --bhild-danger:     #C0392B; /* not-qualified / destructive */
  --bhild-star:       #F4B740; /* review stars */

  /* ------------------------------------------------------------
     Semantic aliases — prefer these in component styling.
     ------------------------------------------------------------ */
  --text-heading:      var(--bhild-ink);
  --text-body:         var(--bhild-slate);
  --text-muted:        var(--bhild-muted);
  --text-on-dark:      #FFFFFF;
  --text-on-dark-soft: #CDD9E6;   /* body text on navy bands */
  --text-link:         var(--bhild-green-600);

  --surface-page:   var(--bhild-bg);
  --surface-soft:   var(--bhild-bg-soft);
  --surface-card:   #FFFFFF;
  --surface-dark:   var(--bhild-navy);

  --action-primary:      var(--bhild-green);
  --action-primary-top:  var(--bhild-green-400);
  --action-primary-bot:  var(--bhild-green-600);
  --accent-secondary:    var(--bhild-steel);

  --border-default: var(--bhild-line);
  --border-strong:  #CDD7E2;   /* ghost-button hover border */
  --focus-ring:     rgba(70, 176, 74, 0.16);
}