:root {
  --background: #ffffff;
  --foreground: #0f172a;
  --card: #ffffff;
  --card-foreground: #0f172a;
  --popover: #ffffff;
  --popover-foreground: #0f172a;
  --primary: #2563eb;
  --primary-foreground: #ffffff;
  --secondary: #f1f5f9;
  --secondary-foreground: #0f172a;
  --muted: #f8fafc;
  --muted-foreground: #64748b;
  --accent: #e0f2fe;
  --accent-foreground: #075985;
  --warning: #f59e0b;
  --warning-foreground: #451a03;
  --success: #16a34a;
  --success-foreground: #ffffff;
  --destructive: #dc2626;
  --destructive-foreground: #ffffff;
  --border: #cbd5e1;
  --input: #cbd5e1;
  --ring: #2563eb;
  --link: #2563eb;

  --app-bg: #ffffff;
  --app-surface: #f8fafc;
  --app-surface-muted: #e2e8f0;
  --app-border: #cbd5e1;
  --app-text: #0f172a;
  --app-text-muted: #64748b;
  --app-link: #2563eb;
}

.dark {
  --background: #020617;
  --foreground: #f8fafc;
  --card: #0f172a;
  --card-foreground: #f8fafc;
  --popover: #0f172a;
  --popover-foreground: #f8fafc;
  --primary: #3b82f6;
  --primary-foreground: #ffffff;
  --secondary: #1e293b;
  --secondary-foreground: #f8fafc;
  --muted: #0f172a;
  --muted-foreground: #94a3b8;
  --accent: #172554;
  --accent-foreground: #bfdbfe;
  --warning: #fbbf24;
  --warning-foreground: #451a03;
  --success: #22c55e;
  --success-foreground: #052e16;
  --destructive: #f87171;
  --destructive-foreground: #450a0a;
  --border: #334155;
  --input: #334155;
  --ring: #60a5fa;
  --link: #93c5fd;

  --app-bg: #020617;
  --app-surface: #0f172a;
  --app-surface-muted: #1e293b;
  --app-border: #334155;
  --app-text: #f8fafc;
  --app-text-muted: #94a3b8;
  --app-link: #93c5fd;
}