/* ============================================================
   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:#e7f1fb;
  --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: linear-gradient(180deg, #f5f7fa 0%, var(--bg-main) 100%);
  font-family: 'Segoe UI', 'Segoe UI Variable Text', sans-serif;
  font-size: 13px;
  color: var(--txt-main);
  overflow: hidden;
}

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