/*
 * theme.css — design tokens only (browser-compatible)
 * The Tailwind build directives (@theme inline, @custom-variant, @source)
 * and the h1–h4 overrides that used undefined Tailwind vars (--text-2xl etc.)
 * have been removed. Only plain CSS custom properties are kept here.
 */

/* ── Light mode tokens ── */
:root {
  --font-size: 16px;
  --background: #ffffff;
  --foreground: #18181b;
  --card: #ffffff;
  --card-foreground: #18181b;
  --popover: #ffffff;
  --popover-foreground: #18181b;
  --primary: #030213;
  --primary-foreground: #ffffff;
  --secondary: #f0f0f8;
  --secondary-foreground: #030213;
  --muted: #ececf0;
  --muted-foreground: #717182;
  --accent: #e9ebef;
  --accent-foreground: #030213;
  --destructive: #d4183d;
  --destructive-foreground: #ffffff;
  --border: rgba(0, 0, 0, 0.1);
  --input-background: #f3f3f5;
  --switch-background: #cbced4;
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --radius: 0.625rem;
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
}

/* ── Dark mode tokens ── */
.dark {
  --background: #1a1a1a;
  --foreground: #fafafa;
  --card: #1a1a1a;
  --card-foreground: #fafafa;
  --popover: #1a1a1a;
  --popover-foreground: #fafafa;
  --primary: #fafafa;
  --primary-foreground: #2a2a2a;
  --secondary: #333333;
  --secondary-foreground: #fafafa;
  --muted: #333333;
  --muted-foreground: #a0a0a0;
  --accent: #333333;
  --accent-foreground: #fafafa;
  --destructive: #7f1d1d;
  --destructive-foreground: #ef4444;
  --border: rgba(255, 255, 255, 0.1);
}