:root {
  --color-bg: #eef2f8;
  --color-text: #141828;
  --color-accent: #7c3aed;
  --color-button: #0e7490;
  --color-highlight: #f97316;
  --color-panel: #22d3ee;
  --color-card: #ffffff;
  --color-muted: #5b6478;
  --font-display: "Segoe UI", system-ui, sans-serif;
  --font-body: "Segoe UI", system-ui, sans-serif;
  --radius-sm: 0.5rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --shadow: 0 12px 40px rgba(20, 24, 40, 0.12);
}