:root {
  --background: #ffffff;
  --foreground: #0f172a;
  --muted-foreground: #64748b;
  --accent: #f1f5f9;
  --accent-foreground: #0f172a;
  --border: rgba(15, 23, 42, 0.1);
  --ring: rgba(15, 23, 42, 0.14);
  --primary: #4f46e5;
  --primary-foreground: #ffffff;
}

[data-theme='dark'] {
  --background: #09090b;
  --foreground: #fafafa;
  --muted-foreground: #a1a1aa;
  --accent: #1f1f23;
  --accent-foreground: #fafafa;
  --border: rgba(255, 255, 255, 0.12);
  --ring: rgba(255, 255, 255, 0.18);
  --primary: #6366f1;
  --primary-foreground: #ffffff;
}