:root {
  --navy: #0f172a;
  --blue: #2563ff;
  --cyan: #06b6d4;
  --violet: #8b5cf6;
  --background: #ffffff;
  --text: var(--navy);
  --muted: #536078;
  --border: #cbd3df;
  --gradient: linear-gradient(90deg, var(--cyan), var(--blue), var(--violet));
}
[data-theme="dark"] {
  --background: var(--navy);
  --text: #ffffff;
  --muted: #bdc8dc;
  --border: #475569;
}