:root {
  /* DevHub dark-black: pure black base, HSL lightness steps, no rgba, no shadows */
  --bg-0: #000000;
  --bg-1: #0d0d0d;
  --bg-2: #1a1a1a;
  --bg-3: #333333;
  --bg-4: #4d4d4d;

  /* Accent: DevHub primary */
  --accent: #FF3131;
  --accent-dim: #3b1010;

  /* Secondary */
  --teal: #49D3B4;
  --teal-dim: #0d2e26;

  /* Text: DevHub foreground scale */
  --fg: #e6e6e6;
  --fg-2: #a6a6a6;
  --fg-3: #666666;
  --fg-4: #404040;

  /* Status: DevHub static colors */
  --green: #69DF73;
  --green-dim: #142e17;
  --orange: #FFB251;
  --orange-dim: #332210;
  --purple: #A772EF;
  --purple-dim: #1f1433;

  /* Borders: solid hex, no rgba */
  --border: #1a1a1a;
  --border-hover: #333333;

  --font: 'Inter', system-ui, -apple-system, sans-serif;
  --mono: 'SF Mono', 'Fira Code', monospace;
}

[data-theme="light"] {
  --bg-0: #F5F5F5;
  --bg-1: #FFFFFF;
  --bg-2: #EAEAEA;
  --bg-3: #D0D0D0;
  --bg-4: #A3A3A3;

  --accent: #EE0000;
  --accent-dim: #FCE3E3;

  --teal: #1A8A8A;
  --teal-dim: #DAF2F2;

  --fg: #151515;
  --fg-2: #4D4D4D;
  --fg-3: #6B6B6B;
  --fg-4: #8A8A8A;

  --green: #1E7A2E;
  --green-dim: #E6F5E8;
  --orange: #D47A0A;
  --orange-dim: #FFE8CC;
  --purple: #5E40BE;
  --purple-dim: #EDE8F5;

  --border: #D4D4D4;
  --border-hover: #A3A3A3;
}

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

body {
  font-family: var(--font);
  background: var(--bg-0);
  color: var(--fg);
  -webkit-font-smoothing: antialiased;
}

@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}
