/* MissionPath Portfolios — Color tokens (website-derived)
   Brand identity pulled from the marketing site: a single confident Navy accent on
   warm Paper neutrals, with warm near-black ink for dark sections. One accent only —
   navy IS the brand. Gains stay green, losses clay-red, kept distinct from the brand
   so financial signal is never ambiguous.

   Drop-in replacement: every semantic alias (--brand, --accent, --bg-page, --text-*,
   etc.) keeps its original name, and the legacy --teal-* / --brass-* ramps are kept as
   back-compat aliases so existing components keep resolving. */

:root {
  /* ---- Brand: Navy ---- */
  --navy-900: #16293f;
  --navy-800: #1d3349;   /* brand ink / emphasis text */
  --navy-700: #2b4a6b;   /* primary brand + accent */
  --navy-600: #355a80;
  --navy-500: #4a719a;
  --navy-300: #93aac6;
  --navy-100: #d3dde9;
  --navy-50:  #e7ebf0;   /* soft tint / chips */

  /* ---- Warm neutral / Paper ramp ---- */
  --ink:         #1c1a17;   /* warm near-black */
  --neutral-900: #1c1a17;
  --neutral-800: #2a2722;
  --neutral-700: #4a453d;
  --neutral-600: #544f46;   /* body text */
  --neutral-500: #8a8174;   /* muted text */
  --neutral-400: #b3ada2;   /* faint text */
  --neutral-300: #c9c3b8;
  --neutral-200: #ddd8cd;
  --neutral-100: #ece7dd;
  --neutral-50:  #fbf9f5;   /* sunken surface */
  --paper:       #f7f4ee;   /* default page background */
  --white:       #ffffff;

  /* ---- Semantic financial signal (unchanged) ---- */
  --gain-600: #157A4E;
  --gain-500: #1F8A5B;
  --gain-100: #DCEFE4;
  --loss-600: #A93A28;
  --loss-500: #C0492F;
  --loss-100: #F4DFD9;
  --warn-600: #9A6A14;
  --warn-500: #BF8B22;
  --warn-100: #F3E6C6;
  --info-600: #1F5E78;
  --info-500: #2C7A99;
  --info-100: #D9EAF1;

  /* ================= Semantic aliases ================= */
  --brand:            var(--navy-700);
  --brand-strong:     var(--navy-900);
  --brand-soft:       var(--navy-50);
  --accent:           var(--navy-700);   /* single accent = brand navy */
  --accent-strong:    var(--navy-800);
  --accent-soft:      var(--navy-50);

  --bg-page:          var(--paper);
  --bg-page-deep:     var(--neutral-900); /* warm near-black dark sections / footers */
  --surface-card:     var(--white);
  --surface-sunken:   var(--neutral-50);
  --surface-raised:   var(--white);

  --text-strong:      var(--ink);
  --text-body:        var(--neutral-600);
  --text-muted:       var(--neutral-500);
  --text-faint:       var(--neutral-400);
  --text-on-brand:    #f4f1ea;
  --text-on-accent:   #f4f1ea;
  --text-link:        var(--navy-600);

  --border-subtle:    rgba(28, 26, 23, 0.08);
  --border-default:   rgba(28, 26, 23, 0.16);
  --border-strong:    rgba(28, 26, 23, 0.28);
  --border-brand:     var(--navy-700);

  --signal-gain:      var(--gain-500);
  --signal-loss:      var(--loss-500);
  --signal-warn:      var(--warn-500);
  --signal-info:      var(--info-500);

  --focus-ring:       color-mix(in oklch, var(--navy-500) 55%, transparent);

  /* ================= Back-compat: legacy teal/brass names ================= */
  /* These keep older components working. The brand now has a single navy accent,
     so the old brass (second accent) folds into navy. Repoint or delete once
     components are migrated. */
  --teal-900: var(--navy-900);
  --teal-800: var(--navy-800);
  --teal-700: var(--navy-700);
  --teal-600: var(--navy-600);
  --teal-500: var(--navy-500);
  --teal-300: var(--navy-300);
  --teal-100: var(--navy-100);
  --teal-50:  var(--navy-50);

  --brass-700: var(--navy-800);
  --brass-600: var(--navy-700);
  --brass-500: var(--navy-700);
  --brass-300: var(--navy-300);
  --brass-100: var(--navy-100);
  --brass-50:  var(--navy-50);
}