:root {
  --color-brand: #10b981;
  --color-brand-dark: #047857;
  --color-brand-soft: #d1fae5;
  --color-background: #f7faf9;
  --color-surface: #ffffff;
  --color-surface-raised: #eef4f1;
  --color-board: #eff8f4;
  --color-grid: rgba(15, 118, 88, 0.07);
  --color-text: #10211b;
  --color-text-muted: #52645d;
  --color-border: #d7e1dd;
  --color-danger: #e34c4c;
  --color-fire: #f97316;
  --color-warning: #d49b0b;
  --shadow-focus: 0 0 0 3px rgba(16, 185, 129, 0.24);
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --radius-small: 6px;
  --radius-medium: 10px;
  --container-width: 1180px;
  --header-height: 68px;
}

[data-theme="dark"] {
  --color-background: #080c0b;
  --color-surface: #101614;
  --color-surface-raised: #18211e;
  --color-board: #101c18;
  --color-grid: rgba(110, 231, 183, 0.06);
  --color-text: #edf8f3;
  --color-text-muted: #9bada6;
  --color-border: #293630;
  --color-brand-soft: #123c30;
}