/* IHOH DPB — Design Tokens & CSS Variables */

/* ── Hide all scrollbars globally — scroll still works ── */
*{scrollbar-width:none;}
*::-webkit-scrollbar{display:none;}
/* ── IHOH App Tokens ── */
:root {
  color-scheme: dark;
  --page-bg:      #0d0d0d;
  --panel:        #141414;
  --panel-raised: #1a1a1a;
  --field:        #1e1e1e;
  --field-border: #2a2a2a;
  --ink:    #f0f0f0;
  --muted:  #8a8a8a;
  --faint:  #4a4a4a;
  --border-subtle: rgba(255,255,255,.06);
  --divider:       rgba(255,255,255,.08);
  --teal:       #00b8a9;
  --teal-hover: #00d4c3;
  --teal-soft:  rgba(0,184,169,.14);
  --teal-dim:   rgba(0,184,169,.08);
  --on-teal:    #001714;
  --success: #00c48c;
  --warning: #f5a623;
  --error:   #ff5f5f;
  --info:    #4a9eff;
  --success-soft: rgba(0,196,140,.12);
  --warning-soft: rgba(245,166,35,.12);
  --error-soft:   rgba(255,95,95,.12);
  --info-soft:    rgba(74,158,255,.12);
  --radius:    10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-pill: 999px;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:20px; --space-6:24px; --space-8:32px; --space-10:40px;
  --space-12:48px; --space-16:64px;
  --sidebar-w: 260px;
  --topbar-h:  56px;
  --shadow-sm: 0 4px 16px rgba(0,0,0,.4);
  --shadow-md: 0 8px 32px rgba(0,0,0,.5);
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --ease: cubic-bezier(0.16,1,0.3,1);
  --t-fast: 150ms; --t-med: 180ms; --t-slow: 450ms;
}
/* ── Light theme overrides ── */
.light {
  color-scheme: light;
  --page-bg:      #d4d6db;
  --panel:        #dcdee3;
  --panel-raised: #d8dadf;
  --field:        #cdd0d6;
  --field-border: #b8bcc6;
  --ink:    #1a1c1f;
  --muted:  #52606e;
  --faint:  #7e8a99;
  --border-subtle: rgba(0,0,0,.11);
  --divider:       rgba(0,0,0,.14);
  --teal-soft:  rgba(0,184,169,.14);
  --teal-dim:   rgba(0,184,169,.08);
  --success-soft: rgba(0,196,140,.12);
  --warning-soft: rgba(245,166,35,.12);
  --error-soft:   rgba(255,95,95,.12);
  --info-soft:    rgba(74,158,255,.12);
  --shadow-sm: 0 4px 16px rgba(0,0,0,.12);
  --shadow-md: 0 8px 32px rgba(0,0,0,.18);
}