/* ELB — Color tokens
 * Brand: Deep Green #15573A · Teal #1E9E73 · Ink #222A26 · Mute #6E7E74 · Panel #EAF3EC
 * Gold accent sampled from the logomark (trailing microbe dots).
 */
:root {
  /* ---- Base scale: Green (primary brand hue) ---- */
  --green-950: #0A2C1C;
  --green-900: #0E3A26;
  --green-800: #15573A; /* DEEP GREEN — primary brand */
  --green-700: #1A6B49;
  --green-600: #1E9E73; /* TEAL — secondary brand */
  --green-500: #34B98A;
  --green-400: #6FCFAC;
  --green-300: #A6E2CB;
  --green-200: #CFEEDF;
  --green-100: #EAF3EC; /* PANEL — tinted surface */
  --green-50:  #F4F9F5;

  /* ---- Base scale: Gold (accent) ---- */
  --gold-700: #8A6A12;
  --gold-600: #A8821C;
  --gold-500: #C9A227; /* primary gold */
  --gold-400: #DCBB4E;
  --gold-300: #E9D183;
  --gold-200: #F2E4B4;
  --gold-100: #FAF4DE;

  /* ---- Base scale: Ink / Neutral (warm-cool desaturated greens) ---- */
  --ink-900: #222A26; /* INK — primary text */
  --ink-800: #2E3833;
  --ink-700: #3B463F;
  --ink-600: #525E57;
  --ink-500: #6E7E74; /* MUTE — secondary text */
  --ink-400: #8E9C93;
  --ink-300: #B4C0B8;
  --ink-200: #D5E2DA; /* hairline / border */
  --ink-100: #E9F0EB;
  --ink-50:  #F6F9F7;
  --white:   #FFFFFF;
  --black:   #0A1410;

  /* ---- Semantic: surfaces ---- */
  --surface-page:    #FBFDFB;
  --surface-card:    var(--white);
  --surface-panel:   var(--green-100);
  --surface-sunken:  var(--green-50);
  --surface-inverse: var(--green-900);
  --surface-brand:   var(--green-800);
  --surface-overlay: rgba(14, 58, 38, 0.55);

  /* ---- Semantic: text ---- */
  --text-strong:   var(--ink-900);
  --text-body:     var(--ink-800);
  --text-muted:    var(--ink-500);
  --text-subtle:   var(--ink-400);
  --text-onbrand:  #EAF7F0;
  --text-oninverse:#DCEEE4;
  --text-link:     var(--green-700);
  --text-accent:   var(--gold-700);

  /* ---- Semantic: borders & lines ---- */
  --border-hairline: var(--ink-200);
  --border-strong:   var(--ink-300);
  --border-brand:    var(--green-300);
  --ring-focus:      rgba(30, 158, 115, 0.45);

  /* ---- Semantic: interactive (brand actions) ---- */
  --action-bg:        var(--green-800);
  --action-bg-hover:  var(--green-900);
  --action-bg-active: var(--green-950);
  --action-fg:        #EAF7F0;
  --accent-bg:        var(--gold-500);
  --accent-bg-hover:  var(--gold-600);
  --accent-fg:        var(--ink-900);

  /* ---- Semantic: status ---- */
  --status-success:    #1E9E73;
  --status-success-bg: #E1F3EA;
  --status-warning:    #C9A227;
  --status-warning-bg: #FAF1D4;
  --status-danger:     #C0492F;
  --status-danger-bg:  #F8E5DF;
  --status-info:       #2D7D8A;
  --status-info-bg:    #E0F0F2;
}