:root {
  --bg:             #0f0f0f;
  --surface:        #1a1a1a;
  --surface-raised: #252525;
  --border:         #333;
  --border-focus:   #555;
  --text:           #e0e0e0;
  --text-muted:     #777;
  --accent:         #4a9eff;
  --accent-text:    #000;
  --danger:         #c0392b;
  --danger-text:    #fff;
  --radius:         6px;
  --radius-chip:    12px;
  --transition:     200ms ease;
}

@keyframes shimmer {
  from { background-position: -200% 0; }
  to   { background-position:  200% 0; }
}

.skeleton {
  background: linear-gradient(90deg, var(--surface) 25%, var(--surface-raised) 50%, var(--surface) 75%);
  background-size: 200% 100%;
  animation: shimmer 1.4s infinite;
  border-radius: var(--radius);
}

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

body {
  font-family: system-ui, -apple-system, sans-serif;
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
}
