/* ============================================================
   COLORS — Professional Longevity
   Palette sampled directly from the brand badge logo:
   deep navy, forest green, copper-gold, on warm cream.
   ============================================================ */
:root {
  /* — Cream / ivory (warm paper backgrounds) — */
  --cream-50:  #fffaf2;
  --cream-100: #fef3e5;   /* logo field */
  --cream-200: #f8ecdb;
  --cream-300: #f0e1cb;

  /* — Navy (primary brand) — */
  --navy-900: #04203f;
  --navy-800: #062b50;
  --navy-700: #06325b;    /* primary */
  --navy-600: #0a4670;
  --navy-500: #155d8c;
  --navy-100: #dfe7ef;

  /* — Forest green (secondary brand) — */
  --green-900: #233f17;
  --green-800: #2c4c1c;
  --green-700: #355724;   /* primary green */
  --green-600: #46773a;
  --green-500: #5d9249;
  --green-100: #e0e9d7;

  /* — Copper gold (accent) — */
  --gold-800: #8a5413;
  --gold-700: #a9681a;    /* deep copper */
  --gold-600: #bd7c25;
  --gold-500: #c68a38;    /* primary gold */
  --gold-400: #d59747;
  --gold-300: #e3b878;
  --gold-100: #f5e6cd;

  /* — Warm neutral stone (text, borders on cream) — */
  --stone-900: #211d16;
  --stone-800: #34302a;
  --stone-700: #4a463e;
  --stone-600: #6a6457;
  --stone-500: #847c6d;
  --stone-400: #a89f8d;
  --stone-300: #cabfac;
  --stone-200: #e6ddcd;
  --stone-100: #f1ebe0;
  --white: #ffffff;

  /* — Status / medical state — */
  --signal-optimal: #46773a;
  --signal-good:    #6f9e57;
  --signal-watch:   #c68a38;
  --signal-alert:   #b4452f;
  --signal-info:    #155d8c;

  /* ===== SEMANTIC ALIASES ===== */
  --brand-primary:   var(--navy-700);
  --brand-secondary: var(--green-700);
  --brand-accent:    var(--gold-500);

  --bg-page:        var(--cream-50);
  --surface-card:   var(--white);
  --surface-cream:  var(--cream-100);
  --surface-sunken: var(--cream-200);
  --surface-inverse:var(--navy-700);
  --surface-inverse-deep: var(--navy-900);

  --text-strong:  var(--navy-900);
  --text-heading: var(--navy-800);
  --text-body:    var(--stone-800);
  --text-muted:   var(--stone-500);
  --text-faint:   var(--stone-400);
  --text-on-dark: var(--cream-50);
  --text-on-dark-muted: #aebccb;
  --text-accent:  var(--gold-700);
  --text-link:    var(--navy-600);

  --border-subtle: var(--stone-200);
  --border-default:var(--stone-300);
  --border-strong: var(--stone-400);
  --border-on-dark: rgba(255,255,255,0.14);

  --focus-ring: var(--gold-500);
}