/*
 * Direction: Klinik Sakinlik — sağlık, diş, eczane, laboratuvar, psikolojik danışmanlık
 * Google Fonts: https://fonts.googleapis.com/css2?family=Figtree:wght@400..800&display=swap
 *
 * Plain CSS on purpose: this file works unchanged in the CDN draft and in the
 * production build. Adjust hues to the brand, then run scripts/check_theme.py.
 */

:root {
  --font-sans: "Figtree", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Figtree", ui-sans-serif, system-ui, sans-serif;
}

[data-theme="brand"] {
  color-scheme: light;
  --color-base-100: oklch(99.3% 0.004 190);
  --color-base-200: oklch(97% 0.012 190);
  --color-base-300: oklch(93% 0.02 190);
  --color-base-content: oklch(27% 0.03 220);
  --color-primary: oklch(52% 0.10 196);
  --color-primary-content: oklch(99% 0.01 190);
  --color-secondary: oklch(48% 0.07 225);
  --color-secondary-content: oklch(99% 0.01 250);
  --color-accent: oklch(55% 0.21 27);
  --color-accent-content: oklch(99% 0.012 27);
  --color-neutral: oklch(30% 0.03 220);
  --color-neutral-content: oklch(97% 0.01 200);
  --color-info: oklch(52% 0.12 240);
  --color-info-content: oklch(99% 0.01 240);
  --color-success: oklch(50% 0.11 155);
  --color-success-content: oklch(99% 0.01 155);
  --color-warning: oklch(80% 0.14 75);
  --color-warning-content: oklch(25% 0.05 70);
  --color-error: oklch(52% 0.18 25);
  --color-error-content: oklch(99% 0.01 25);
  --radius-selector: 1rem;
  --radius-field: 1rem;
  --radius-box: 1.25rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 1;
  --noise: 0;
}

[data-theme="brand-dark"] {
  color-scheme: dark;
  --color-base-100: oklch(22% 0.02 215);
  --color-base-200: oklch(19% 0.018 215);
  --color-base-300: oklch(16% 0.016 215);
  --color-base-content: oklch(93% 0.01 200);
  --color-primary: oklch(76% 0.11 194);
  --color-primary-content: oklch(20% 0.04 200);
  --color-secondary: oklch(74% 0.08 225);
  --color-secondary-content: oklch(20% 0.04 250);
  --color-accent: oklch(70% 0.17 27);
  --color-accent-content: oklch(20% 0.04 27);
  --color-neutral: oklch(32% 0.02 215);
  --color-neutral-content: oklch(93% 0.01 200);
  --color-info: oklch(74% 0.11 240);
  --color-info-content: oklch(20% 0.04 240);
  --color-success: oklch(74% 0.12 155);
  --color-success-content: oklch(20% 0.04 155);
  --color-warning: oklch(84% 0.13 75);
  --color-warning-content: oklch(24% 0.05 70);
  --color-error: oklch(72% 0.15 25);
  --color-error-content: oklch(20% 0.04 25);
  --radius-selector: 1rem;
  --radius-field: 1rem;
  --radius-box: 1.25rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 1;
  --noise: 0;
}

/* Layered so Tailwind utilities (e.g. font-sans on a heading) can still override. */
@layer base {
  body { font-family: var(--font-sans); }
  :is(h1, h2, h3):not(.footer-title), .font-display { font-family: var(--font-display); }
  [x-cloak] { display: none !important; }
}