/* ============================================================
   CSS CUSTOM PROPERTIES — verbatim from globals.css
   ============================================================ */
:root {
  --background: oklch(0.99 0 0);
  --foreground: oklch(0.205 0.024 255);
  --card: oklch(0.99 0 0);
  --card-foreground: oklch(0.205 0.024 255);
  --popover: oklch(0.99 0 0);
  --popover-foreground: oklch(0.205 0.024 255);
  --primary: oklch(0.33 0.10 235);   /* #0F4C75 — Dream Eye Clinic navy */
  --primary-foreground: oklch(0.99 0 0);
  --secondary: oklch(0.72 0.015 240);
  --secondary-foreground: oklch(0.99 0 0);
  --muted: oklch(0.94 0.005 240);
  --muted-foreground: oklch(0.5 0.015 240);
  --accent: oklch(0.48 0.10 235);    /* #1F6FAE — brand steel */
  --accent-foreground: oklch(0.99 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.99 0 0);
  --border: oklch(0.88 0.01 240);
  --input: oklch(0.88 0.01 240);
  --ring: oklch(0.58 0.138 210);
  --radius: 0.75rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.625rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;

  /* Typography */
  --font-sans: "Geist", "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "Geist Mono", "Fira Code", "Consolas", monospace;

  /* Spacing tokens */
  --container-px: 1rem;
  --container-px-lg: 2rem;
}

/* Dark mode */
[data-theme="dark"] {
  --background: oklch(0.145 0.015 255);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.19 0.02 255);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.19 0.02 255);
  --popover-foreground: oklch(0.985 0 0);
  --primary: oklch(0.58 0.138 210);
  --primary-foreground: oklch(0.99 0 0);
  --secondary: oklch(0.3 0.025 240);
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.25 0.02 240);
  --muted-foreground: oklch(0.65 0.015 240);
  --accent: oklch(0.58 0.138 210);
  --accent-foreground: oklch(0.99 0 0);
  --destructive: oklch(0.396 0.141 25.723);
  --destructive-foreground: oklch(0.99 0 0);
  --border: oklch(0.3 0.025 240);
  --input: oklch(0.3 0.025 240);
  --ring: oklch(0.58 0.138 210);
}
