/* ============================================================
   TERIAC — Color tokens
   A healthcare-tech palette: a premium navy base, a reassuring
   cerulean accent family, and a single trust-green for positive
   signals. Two surface contexts ship together:
     • DARK  — brand / marketing / the Galen overlay chrome
     • LIGHT — the in-product dashboards & cards
   ============================================================ */
:root {
  /* ---- Base palette (from the brand identity board) ---- */
  --teriac-deep:            #020C18; /* deepest pit, gradient anchor      */
  --teriac-navy:            #061A2E; /* Deep Navy — primary brand surface */
  --teriac-clinical:        #0D2C4D; /* Clinical Blue — raised navy panel */
  --teriac-cerulean:        #4DB7E8; /* Cerulean — primary accent         */
  --teriac-sky:             #8FD7FF; /* Sky — bright accent / focus glow  */
  --teriac-ice:             #C8EDFF; /* Ice Blue — pale accent / on-navy  */
  --teriac-green:           #57CFA3; /* Trust Green — positive / success  */
  --teriac-green-ink:       #139D71; /* readable green on light surfaces  */
  --teriac-white:           #F4FAFC; /* Soft White                        */
  --teriac-muted:           #AFC6D6; /* muted text on navy                */

  /* ---- Cerulean scale (derived, for fills/states) ---- */
  --cerulean-50:   #EAF7FE;
  --cerulean-100:  #C8EDFF;
  --cerulean-200:  #8FD7FF;
  --cerulean-300:  #5FC4F0;
  --cerulean-400:  #4DB7E8;
  --cerulean-500:  #2E9BD0;
  --cerulean-600:  #1E7DAE;
  --cerulean-700:  #185F84;

  /* ---- Navy / ink scale ---- */
  --navy-900:  #020C18;
  --navy-800:  #061A2E;
  --navy-700:  #0D2C4D;
  --navy-600:  #14406B;
  --navy-500:  #1E5485;

  /* ---- Light-surface neutrals (in-product UI) ---- */
  --paper-0:   #FFFFFF;
  --paper-50:  #F7FBFF; /* app canvas tint              */
  --paper-100: #F5FBFF;
  --paper-150: #EAF3F9; /* hover wash on light          */
  --line-100:  #DCECF5; /* hairline border on light     */
  --line-200:  #C9DEEC;
  --ink-900:   #061A2E; /* primary text on light        */
  --ink-700:   #31506A; /* secondary text               */
  --ink-500:   #46627A; /* tertiary text                */
  --ink-400:   #607B90; /* quaternary / captions        */

  /* ---- Semantic: state colors ---- */
  --color-success:        var(--teriac-green);
  --color-success-ink:    var(--teriac-green-ink);
  --color-success-wash:   rgba(87, 207, 163, 0.14);
  --color-warning:        #E8A33D;
  --color-warning-wash:   rgba(232, 163, 61, 0.14);
  --color-danger:         #E5604D; /* clinical alert / contraindication */
  --color-danger-wash:    rgba(229, 96, 77, 0.12);
  --color-info:           var(--teriac-cerulean);
  --color-info-wash:      rgba(77, 183, 232, 0.12);

  /* ---- Semantic: DARK context (default brand chrome) ---- */
  --surface-base:     var(--teriac-navy);
  --surface-deep:     var(--teriac-deep);
  --surface-raised:   var(--teriac-clinical);
  --surface-glass:    rgba(255, 255, 255, 0.07);
  --surface-glass-2:  rgba(255, 255, 255, 0.035);
  --border-on-dark:   rgba(200, 237, 255, 0.18);
  --border-on-dark-strong: rgba(200, 237, 255, 0.32);
  --text-on-dark:           var(--teriac-white);
  --text-on-dark-muted:     var(--teriac-muted);
  --text-on-dark-accent:    var(--teriac-sky);
  --accent:                 var(--teriac-cerulean);
  --accent-bright:          var(--teriac-sky);

  /* ---- Semantic: LIGHT context (in-product) ---- */
  --surface-canvas:   var(--paper-50);
  --surface-card:     var(--paper-0);
  --surface-sunken:   var(--paper-100);
  --surface-hover:    var(--paper-150);
  --border-card:      var(--line-100);
  --border-strong:    var(--line-200);
  --text-primary:     var(--ink-900);
  --text-secondary:   var(--ink-700);
  --text-tertiary:    var(--ink-500);
  --text-caption:     var(--ink-400);

  /* ---- Brand gradients ---- */
  --grad-brand: linear-gradient(140deg, var(--teriac-deep), var(--teriac-navy) 52%, #03101F);
  --grad-aura:
    radial-gradient(circle at 82% 10%, rgba(77,183,232,.22), transparent 32%),
    radial-gradient(circle at 12% 72%, rgba(87,207,163,.12), transparent 30%),
    linear-gradient(140deg, var(--teriac-deep), var(--teriac-navy) 52%, #03101F);
  --grad-accent: linear-gradient(135deg, var(--teriac-sky), var(--teriac-cerulean));
}