/* ============================================================
   theme.css — 1:1 from original LiveScatter3D/wwwroot/index.html
   ============================================================ */

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

:root {
  --bg-main:    #edf1f5;
  --bg-card:    #ffffff;
  --line:       #dde3ea;
  --txt-main:   #1b1f24;
  --txt-soft:   #5f6975;
  --txt-muted:  #7f8894;
  --brand:      #0b74c9;

  /* kept for compatibility with existing module CSS */
  --bg:         #edf1f5;
  --border:     #dde3ea;
  --txt:        #1b1f24;
  --ok:         #107c10;
  --ok-bg:      #e6f4e6;
  --warn:       #f28e2b;
  --warn-bg:    #fff3e0;
  --error:      #d13438;
  --error-bg:   #fde8e8;
  --brand-hover:#0868b5;
  --brand-light:#f0f0f0;
  --font:       'Segoe UI', 'Segoe UI Variable Text', sans-serif;
  --font-mono:  'Cascadia Code', 'Consolas', monospace;
  --text-xs:    10px;
  --text-sm:    11px;
  --text-base:  12px;
  --text-md:    13px;
  --text-lg:    18px;
  --text-xl:    20px;
  --s1: 4px; --s2: 8px; --s3: 12px;
  --s4: 16px; --s5: 20px; --s6: 24px;
  --r-sm: 3px; --r-md: 6px; --r-lg: 8px;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.06);
  --shadow-md: 0 2px 8px rgba(0,0,0,0.10);
}

html, body {
  width: 100%; height: 100%;
  background: var(--bg-main);
  font-family: 'Segoe UI', 'Segoe UI Variable Text', sans-serif;
  font-size: 13px;
  color: var(--txt-main);
  overflow: hidden;
}

/* ── Dark mode overrides ── */
body.dark-mode {
  --bg-main:    #141414;
  --bg-card:    #1e1e1e;
  --line:       #2f2f2f;
  --txt-main:   #e8e8e8;
  --txt-soft:   #a0a0a0;
  --txt-muted:  #666666;
  --brand:      #4da3e8;
  --brand-hover:#6ab5ef;
  --brand-light:#2a2a2a;
  --bg:         #141414;
  --border:     #2f2f2f;
  --txt:        #e8e8e8;
  --ok:         #4caf50;
  --ok-bg:      #1a2e1a;
  --warn:       #f5a623;
  --warn-bg:    #2d1f00;
  --error:      #e05252;
  --error-bg:   #2d1414;
  --shadow-sm:  0 1px 2px rgba(0,0,0,0.4);
  --shadow-md:  0 2px 8px rgba(0,0,0,0.5);
}

/* hidden scrollbars */
* { scrollbar-width: none; }
::-webkit-scrollbar { width: 0; height: 0; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: transparent; }