/* ============================================================
   Panterra Health — Color tokens
   White-first, warm-neutral ink, single medical "everblue" accent.
   ============================================================ */
:root {
  /* --- Paper / surfaces --- */
  --paper:            #ffffff;   /* primary page background */
  --surface-1:        #ffffff;   /* default card surface */
  --surface-2:        #f7f5f0;   /* warm off-white alt section */
  --surface-3:        #efece4;   /* deeper warm band */
  --surface-blue:    #eef3f8;   /* pale medical-blue wash */

  /* --- Ink (warm near-black neutrals) --- */
  --ink-900:          #17150f;   /* primary text, headlines */
  --ink-700:          #3a352c;   /* strong body / subheads */
  --ink-500:          #6b6457;   /* secondary text */
  --ink-400:          #8c857a;   /* captions, meta */
  --ink-300:          #b4ada1;   /* disabled text, faint */

  /* --- Lines / borders (warm) --- */
  --line:             #e6e2d8;   /* hairline dividers, card borders */
  --line-strong:      #d4cfc2;   /* inputs, stronger separation */

  /* --- Brand accent: Panterra Everblue (deep -> light, medical) --- */
  --blue-900:        #0b2a47;   /* deepest navy */
  --blue-900-rgb:    11, 42, 71; /* @kind color */ /* rgba() scrims/overlays */
  --blue-800:        #103a60;   /* press / active */
  --blue-700:        #1b5c92;   /* PRIMARY accent */
  --blue-600:        #2c74b0;   /* hover lift (lighter) */
  --blue-300:        #9cc3e2;   /* light sky */
  --blue-100:        #e4eef6;   /* tint backgrounds, badges */

  /* --- Semantic feedback (tuned to complement Everblue) --- */
  --info:             #0ea5c4;   /* cyan-teal — distinct from the blue accent */
  --success:          #0f9d6e;   /* cool, bright emerald */
  --warning:          #c98311;   /* warm amber counterpoint */
  --danger:           #cc3b2e;   /* clean red */

  /* ============ Semantic aliases ============ */
  --bg:               var(--paper);
  --bg-alt:           var(--surface-2);

  --text-strong:      var(--ink-900);
  --text-body:        var(--ink-700);
  --text-muted:       var(--ink-500);
  --text-faint:       var(--ink-400);
  --text-on-dark:     #f6f4ef;
  --text-on-accent:   #f4f9f5;

  --border:           var(--line);
  --border-strong:    var(--line-strong);

  --accent:           var(--blue-700);
  --accent-hover:     var(--blue-600);
  --accent-press:     var(--blue-800);
  --accent-wash:      var(--blue-100);

  --surface-card:     var(--surface-1);
  --surface-sunken:   var(--surface-2);

  /* Dark band (footer / featured) */
  --ink-band:         #17150f;
  --ink-band-2:       #221f18;
}