:root {
  --bg-canvas:      #0d1117;
  --bg-surface:     #161b22;
  --bg-overlay:     #21262d;
  --bg-muted:       #30363d;
  --border:         rgba(48, 54, 61, 0.9);
  --border-subtle:  rgba(33, 38, 45, 0.9);

  --text-primary:   #e6edf3;
  --text-secondary: #8b949e;
  --text-muted:     #6e7681;

  --accent:         #0d9488;
  --accent-dim:     #0f766e;
  --accent-bright:  #14b8a6;
  --accent-glow:    rgba(13, 148, 136, 0.15);
  --accent-ring:    rgba(13, 148, 136, 0.25);

  --red:            #f85149;
  --red-bg:         rgba(248, 81, 73, 0.10);
  --red-border:     rgba(248, 81, 73, 0.25);
  --amber:          #d29922;
  --amber-bg:       rgba(210, 153, 34, 0.10);
  --amber-border:   rgba(210, 153, 34, 0.25);
  --green:          #3fb950;
  --green-bg:       rgba(63, 185, 80, 0.10);
  --green-border:   rgba(63, 185, 80, 0.25);
  --blue:           #58a6ff;
  --blue-bg:        rgba(88, 166, 255, 0.08);
  --blue-border:    rgba(88, 166, 255, 0.20);
  --purple:         #bc8cff;
  --purple-bg:      rgba(188, 140, 255, 0.08);
  --purple-border:  rgba(188, 140, 255, 0.20);

  --radius-sm: 5px;
  --radius:    7px;
  --radius-lg: 10px;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow:    0 1px 3px rgba(0, 0, 0, 0.4), 0 4px 16px rgba(0, 0, 0, 0.3);
}

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

html, body {
  height: 100%;
  min-width: 360px;
  font-family: 'Inter', system-ui, sans-serif;
  background: var(--bg-canvas);
  color: var(--text-primary);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a { color: inherit; text-decoration: none; }
button { cursor: pointer; font-family: inherit; }

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--bg-muted); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #484f58; }
::selection { background: var(--accent-glow); color: var(--text-primary); }