/*
 * Direction: Endüstriyel — üretim, inşaat, mühendislik, lojistik, enerji
 * Google Fonts: https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Barlow+Condensed:wght@600;700;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: "Barlow", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Barlow Condensed", "Barlow", ui-sans-serif, sans-serif;
}

[data-theme="brand"] {
  color-scheme: light;
  --color-base-100: oklch(98.5% 0.002 90);
  --color-base-200: oklch(95.5% 0.004 90);
  --color-base-300: oklch(90% 0.006 90);
  --color-base-content: oklch(20% 0.01 250);
  --color-primary: oklch(52% 0.14 248);
  --color-primary-content: oklch(98% 0.01 240);
  --color-secondary: oklch(30% 0.02 250);
  --color-secondary-content: oklch(96% 0.005 240);
  --color-accent: oklch(72% 0.13 230);
  --color-accent-content: oklch(20% 0.04 240);
  --color-neutral: oklch(18% 0.01 60);
  --color-neutral-content: oklch(95% 0.005 90);
  --color-info: oklch(50% 0.13 245);
  --color-info-content: oklch(98% 0.01 240);
  --color-success: oklch(50% 0.13 150);
  --color-success-content: oklch(98% 0.01 150);
  --color-warning: oklch(82% 0.16 85);
  --color-warning-content: oklch(20% 0.04 70);
  --color-error: oklch(52% 0.2 28);
  --color-error-content: oklch(98% 0.01 25);
  --radius-selector: 0rem;
  --radius-field: 0rem;
  --radius-box: 0rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 2px;
  --depth: 0;
  --noise: 0;
}

[data-theme="brand-dark"] {
  color-scheme: dark;
  --color-base-100: oklch(19% 0.008 60);
  --color-base-200: oklch(16% 0.007 60);
  --color-base-300: oklch(13% 0.006 60);
  --color-base-content: oklch(93% 0.005 240);
  --color-primary: oklch(70% 0.14 240);
  --color-primary-content: oklch(16% 0.03 245);
  --color-secondary: oklch(88% 0.01 240);
  --color-secondary-content: oklch(20% 0.01 250);
  --color-accent: oklch(75% 0.13 228);
  --color-accent-content: oklch(18% 0.04 235);
  --color-neutral: oklch(28% 0.01 60);
  --color-neutral-content: oklch(93% 0.005 90);
  --color-info: oklch(72% 0.12 240);
  --color-info-content: oklch(18% 0.04 240);
  --color-success: oklch(72% 0.14 150);
  --color-success-content: oklch(18% 0.04 150);
  --color-warning: oklch(84% 0.16 85);
  --color-warning-content: oklch(20% 0.04 70);
  --color-error: oklch(68% 0.19 28);
  --color-error-content: oklch(16% 0.04 25);
  --radius-selector: 0rem;
  --radius-field: 0rem;
  --radius-box: 0rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 2px;
  --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; }
}