/* iDream — Design tokens  (source: design_tokens.css)
   Light default + [data-theme="dark"] override on <html>. */

:root,
[data-theme="light"] {
  /* brand */
  --navy:   #071b3b;
  --navy-2: #0b264f;
  --cyan:   #00c2d1;
  --cyan-2: #0aa7b5;
  --orange: #ffb35c;
  --ok:     #27a567;
  --err:    #e2604f;
  --run:    #00c2d1;
  --queue:  #caa65a;

  /* chart series */
  --series-alt:   #e2604f;
  --series-horiz: #2f74e0;
  --series-altH:  #27a567;
  --series-dv:    #c44bd6;
  --series-mass:  var(--text);

  /* light surfaces */
  --bg:            #e9edf2;
  --surface:       #ffffff;
  --surface-2:     #f5f8fb;
  --surface-3:     #eef2f7;
  --border:        #dde4ec;
  --border-strong: #c8d3e1;
  --text:          #0b1f3a;
  --text-dim:      #5b6b82;
  --text-faint:    #8595aa;

  /* sidebar (navy in both themes) */
  --sidebar:      #071b3b;
  --sidebar-2:    #0b264f;
  --sidebar-text: #9fb2cc;
  --sidebar-active: #ffffff;

  --shadow:    0 1px 2px rgba(7,27,59,.06), 0 2px 8px rgba(7,27,59,.06);
  --shadow-lg: 0 12px 34px rgba(7,27,59,.14);
  --grid:      rgba(11,31,58,.09);

  --radius-card:  16px;
  --radius-input: 10px;
}

[data-theme="dark"] {
  --bg:            #060f20;
  --surface:       #0c1d39;
  --surface-2:     #0a1730;
  --surface-3:     #102444;
  --border:        #1b3257;
  --border-strong: #264470;
  --text:          #e7eef8;
  --text-dim:      #93a6c5;
  --text-faint:    #647ca4;
  --sidebar:       #040c1b;
  --sidebar-2:     #0c1d3a;
  --shadow:    0 1px 2px rgba(0,0,0,.35), 0 2px 10px rgba(0,0,0,.35);
  --shadow-lg: 0 18px 44px rgba(0,0,0,.55);
  --grid:      rgba(255,255,255,.07);
}

/* Bootstrap 5 variable bridge */
:root {
  --bs-primary:        var(--cyan);
  --bs-body-bg:        var(--bg);
  --bs-body-color:     var(--text);
  --bs-border-color:   var(--border);
  --bs-border-radius:  var(--radius-input);
  --bs-font-sans-serif: "IBM Plex Sans", system-ui, sans-serif;
  --bs-link-color:     var(--cyan);
  --bs-link-hover-color: var(--cyan-2);
}