/*
 * Direction: Kurumsal Güven — finans, hukuk, danışmanlık, sigorta, holding
 * Google Fonts: https://fonts.googleapis.com/css2?family=Public+Sans:wght@400..700&family=Source+Serif+4:opsz,wght@8..60,500..700&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: "Public Sans", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Source Serif 4", ui-serif, Georgia, serif;
}

[data-theme="brand"] {
  color-scheme: light;
  --color-base-100: oklch(99% 0.003 250);
  --color-base-200: oklch(96.5% 0.006 250);
  --color-base-300: oklch(92% 0.01 250);
  --color-base-content: oklch(24% 0.03 255);
  --color-primary: oklch(34% 0.09 258);
  --color-primary-content: oklch(98% 0.01 250);
  --color-secondary: oklch(75% 0.11 80);
  --color-secondary-content: oklch(25% 0.04 70);
  --color-accent: oklch(45% 0.12 20);
  --color-accent-content: oklch(98% 0.01 20);
  --color-neutral: oklch(22% 0.03 255);
  --color-neutral-content: oklch(96% 0.01 250);
  --color-info: oklch(52% 0.13 240);
  --color-info-content: oklch(98% 0.01 240);
  --color-success: oklch(50% 0.12 150);
  --color-success-content: oklch(98% 0.01 150);
  --color-warning: oklch(80% 0.14 80);
  --color-warning-content: oklch(25% 0.05 70);
  --color-error: oklch(50% 0.18 25);
  --color-error-content: oklch(98% 0.01 25);
  --radius-selector: 0.25rem;
  --radius-field: 0.25rem;
  --radius-box: 0.375rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 0;
  --noise: 0;
}

[data-theme="brand-dark"] {
  color-scheme: dark;
  --color-base-100: oklch(21% 0.025 255);
  --color-base-200: oklch(18% 0.022 255);
  --color-base-300: oklch(15% 0.02 255);
  --color-base-content: oklch(93% 0.01 250);
  --color-primary: oklch(75% 0.09 250);
  --color-primary-content: oklch(20% 0.04 255);
  --color-secondary: oklch(80% 0.11 80);
  --color-secondary-content: oklch(22% 0.04 70);
  --color-accent: oklch(72% 0.1 20);
  --color-accent-content: oklch(20% 0.04 20);
  --color-neutral: oklch(30% 0.03 255);
  --color-neutral-content: oklch(93% 0.01 250);
  --color-info: oklch(72% 0.12 240);
  --color-info-content: oklch(20% 0.04 240);
  --color-success: oklch(72% 0.13 150);
  --color-success-content: oklch(20% 0.04 150);
  --color-warning: oklch(82% 0.14 80);
  --color-warning-content: oklch(22% 0.05 70);
  --color-error: oklch(70% 0.16 25);
  --color-error-content: oklch(18% 0.04 25);
  --radius-selector: 0.25rem;
  --radius-field: 0.25rem;
  --radius-box: 0.375rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 0;
  --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; }
}