:root {
  /* Background layers */
  --bg: #08090c;
  --bg-2: #0d0f14;
  --surface: #11131a;
  --surface-2: #161922;
  --surface-3: #1d2030;
  --surface-hover: #232738;

  /* Borders */
  --border: rgba(255, 255, 255, 0.04);
  --border-2: rgba(255, 255, 255, 0.08);
  --border-3: rgba(255, 255, 255, 0.14);

  /* Text */
  --text: #e3e4ed;
  --text-2: #9ca0b3;
  --text-3: #5e6173;
  --text-4: #3a3d4a;

  /* Accent (green for healthy) */
  --green: #00e87a;
  --green-dim: rgba(0, 232, 122, 0.12);
  --green-glow: rgba(0, 232, 122, 0.3);
  --green-bg: rgba(0, 232, 122, 0.05);

  /* Status colors */
  --blue: #5b9bff;
  --blue-dim: rgba(91, 155, 255, 0.14);
  --red: #ff4757;
  --red-dim: rgba(255, 71, 87, 0.14);
  --amber: #f59e0b;
  --amber-dim: rgba(245, 158, 11, 0.14);
  --purple: #a78bfa;
  --purple-dim: rgba(167, 139, 250, 0.14);
  --cyan: #22d3ee;
  --cyan-dim: rgba(34, 211, 238, 0.14);

  /* Typography */
  --font-mono: 'JetBrains Mono', 'SF Mono', 'Cascadia Mono', 'Menlo', monospace;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;

  /* Sizing */
  --topbar-h: 48px;
  --bottom-nav-h: 60px;
  --sidebar-w: 240px;
  --radius: 10px;
  --radius-sm: 6px;

  /* Transitions */
  --t-fast: 0.15s ease;
  --t-base: 0.2s ease;
  --t-slow: 0.3s cubic-bezier(0.32, 0.72, 0, 1);
}

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

html, body {
  height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-sans);
  font-size: 14px;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
  color: inherit;
}

input, select, textarea {
  font-family: inherit;
  color: inherit;
  background: none;
  border: none;
  outline: none;
}

a {
  color: var(--blue);
  text-decoration: none;
}

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--surface-3); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--surface-hover); }

[x-cloak] { display: none !important; }