:root {
  --bg:         #0f1117;
  --surface:    #1a1d27;
  --surface2:   #242736;
  --border:     #2d3147;
  --text:       #e8eaf0;
  --muted:      #8b90a8;
  --accent:     #4f6ef7;
  --accent-h:   #3d5ce5;
  --green:      #22c55e;
  --blue:       #3b82f6;
  --purple:     #8b5cf6;
  --amber:      #f59e0b;
  --red:        #ef4444;
  --teal:       #10b981;
  --gray-cell:  #232635;
  --sidebar-w:  220px;
  --topbar-h:   56px;
  --r:          8px;
  --r-sm:       4px;
  --shadow:     0 4px 24px rgba(0,0,0,.45);
}

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

body {
  background: var(--bg);
  color: var(--text);
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

a    { color: inherit; text-decoration: none; }
button { cursor: pointer; border: none; background: none; color: inherit; font: inherit; }
input, select, textarea { font: inherit; }
img  { display: block; max-width: 100%; }