/* ==========================================================================
   site-theme.css — the "molecular lab" palette.
   Loaded AFTER widget-host.css by the site and by every interactive viewer,
   so the original visuals, the widgets and the site chrome share one palette.
   It only re-points semantic tokens; the original visuals are not edited.
   ========================================================================== */
:root {
  --font-display: "Unbounded", "Inter", system-ui, sans-serif;

  /* light: cool lab paper */
  --surface-0: #F3F6F9;
  --surface-1: #E8EEF3;
  --surface-2: #FFFFFF;
  --text-primary: #0E1A2B;
  --text-secondary: #4A5B70;
  --text-muted: #7A8899;
  --border: rgba(14, 26, 43, 0.12);
  --border-strong: rgba(14, 26, 43, 0.24);
  --text-accent: #0B7285;  --bg-accent: #DDF4F6;  --border-accent: #1AA3B5;
  --lumen: #0FA4B8;        --lumen-2: #0F9A8A;    --lumen-glow: rgba(15, 164, 184, 0.16);
  --t: #7A8899;
}
:root[data-theme="dark"] {
  --surface-0: #050A14;
  --surface-1: #0A1526;
  --surface-2: #0F1D33;
  --text-primary: #E6EEF6;
  --text-secondary: #9DB0C4;
  --text-muted: #687C93;
  --border: rgba(150, 210, 255, 0.11);
  --border-strong: rgba(150, 210, 255, 0.22);
  --text-accent: #6FE3EA;  --bg-accent: rgba(92, 225, 230, 0.12);  --border-accent: #3CC8D2;
  --text-success: #9EDB8E; --bg-success: rgba(139, 209, 124, 0.13); --border-success: #6DBB5D;
  --text-danger: #FF9A9A;  --bg-danger: rgba(255, 110, 110, 0.12);  --border-danger: #E86A6A;
  --text-warning: #F3C068; --bg-warning: rgba(243, 192, 104, 0.12); --border-warning: #D49A3A;
  --lumen: #5CE1E6;        --lumen-2: #34C6B4;    --lumen-glow: rgba(92, 225, 230, 0.22);
  --t: #8EA3BA;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface-0: #050A14;
    --surface-1: #0A1526;
    --surface-2: #0F1D33;
    --text-primary: #E6EEF6;
    --text-secondary: #9DB0C4;
    --text-muted: #687C93;
    --border: rgba(150, 210, 255, 0.11);
    --border-strong: rgba(150, 210, 255, 0.22);
    --text-accent: #6FE3EA;  --bg-accent: rgba(92, 225, 230, 0.12);  --border-accent: #3CC8D2;
    --text-success: #9EDB8E; --bg-success: rgba(139, 209, 124, 0.13); --border-success: #6DBB5D;
    --text-danger: #FF9A9A;  --bg-danger: rgba(255, 110, 110, 0.12);  --border-danger: #E86A6A;
    --text-warning: #F3C068; --bg-warning: rgba(243, 192, 104, 0.12); --border-warning: #D49A3A;
    --lumen: #5CE1E6;        --lumen-2: #34C6B4;    --lumen-glow: rgba(92, 225, 230, 0.22);
    --t: #8EA3BA;
  }
}