/* ============================================================
   Jackim Woods & Co. — Color tokens
   Three-color brand: Navy (authority), Gold (action), Teal (wayfinding).
   Neutrals are WARM — never pure gray. Values extracted from
   vestara.co production CSS and adopted by JW&Co.
   Rough page proportion: 60% neutral / 30% navy / 10% gold+teal.
   ============================================================ */
:root {
  /* -- Navy family (authority) -- */
  --jw-navy:        #051223; /* primary dark bg, headings, body text */
  --jw-navy-alt:    #0A2540; /* gradient partner; depth on dark */
  --jw-navy-mid:    #112240; /* card surfaces on navy sections */

  /* -- Gold family (action) -- */
  --jw-gold:        #C78A3B; /* primary CTA — the single action color */
  --jw-gold-hover:  #B77610; /* button hover */
  --jw-gold-soft:   #C9A84C; /* accent rules, icon detail */
  --jw-gold-light:  #DAA24F; /* stat numbers & accents on navy */

  /* -- Teal family (wayfinding) -- */
  --jw-teal:        #007B66; /* eyebrows, inline links, focus rings */
  --jw-teal-dark:   #005B4B; /* teal hover */

  /* -- Warm neutrals -- */
  --jw-white:       #FFFFFF; /* primary bg, cards, button text */
  --jw-offwhite:    #F7F7F4; /* alternating section bg (warm) */
  --jw-offwhite-2:  #F2F2EF; /* muted blocks, quotes, code */
  --jw-border:      #DBDEE2; /* hairline card & input borders */
  --jw-muted:       #616A75; /* secondary copy, captions, stat labels */

  /* ---------- Semantic aliases ---------- */
  --text-heading:      var(--jw-navy);
  --text-body:         var(--jw-navy);
  --text-muted:        var(--jw-muted);
  --text-on-dark:      var(--jw-white);
  --text-on-dark-soft: rgba(255,255,255,.72);
  --text-link:         var(--jw-teal);
  --text-link-hover:   var(--jw-teal-dark);

  --surface-page:      var(--jw-white);
  --surface-alt:       var(--jw-offwhite);
  --surface-muted:     var(--jw-offwhite-2);
  --surface-card:      var(--jw-white);
  --surface-card-dark: var(--jw-navy-mid);
  --surface-dark:      var(--jw-navy);

  --border-hairline:   var(--jw-border);
  --border-on-dark:    rgba(255,255,255,.10);

  --action:            var(--jw-gold);
  --action-hover:      var(--jw-gold-hover);
  --accent:            var(--jw-teal);
  --stat:              var(--jw-gold);
  --stat-on-dark:      var(--jw-gold-light);

  --focus-ring:        var(--jw-teal);

  /* Signature gradient (navy hero / dark bands) */
  --gradient-navy: linear-gradient(135deg, #051223 0%, #0A2540 100%); /* @kind color */
}