/*
 * Genç İstif — tasarım sistemi değişkenleri.
 * Logo paleti: nötr antrasit (charcoal) + beyaz, sıcak amber/altın aksan.
 * Nötr tonlar logonun saf grisine uyacak şekilde renksizdir (hue 0).
 * Tailwind CDN bu değişkenleri renk tokenlarına bağlar.
 */
:root {
  --radius: 0.5rem;
  --background: oklch(1 0 0);
  --foreground: oklch(0.2 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.2 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.2 0 0);
  /* Aksan = logonun antrasiti (turuncu yok, tamamen monokrom). */
  --primary: oklch(0.27 0 0);
  --primary-foreground: oklch(0.99 0 0);
  --secondary: oklch(0.31 0 0);
  --secondary-foreground: oklch(0.98 0 0);
  --muted: oklch(0.965 0 0);
  --muted-foreground: oklch(0.44 0 0);
  --accent: oklch(0.27 0 0);
  --accent-foreground: oklch(0.99 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.984 0.003 247.858);
  --border: oklch(0.9 0 0);
  --input: oklch(0.9 0 0);
  --ring: oklch(0.27 0 0);
  --brand-dark: oklch(0.31 0 0);
  /* Koyu bölümlerdeki yumuşak ışık efekti (nötr, renksiz). */
  --brand-accent: oklch(0.72 0 0);
  /* Geriye dönük uyum (eski değişken adı) */
  --brand-orange: oklch(0.27 0 0);
}

* {
  border-color: var(--border);
}

body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/*
 * Monokrom uyum: Aksan (primary) artık antrasit olduğundan, koyu (brand-dark)
 * zeminli bölümlerde görünmez kalmaması için bu alanlardaki aksanlar beyaza döner.
 * Koyu bölüm sarmalayıcıları "bg-[color:var(--brand-dark)]" sınıfını taşır.
 */
[class*="--brand-dark"] .text-primary,
[class*="--brand-dark"] .hover\:text-primary:hover {
  color: #fff !important;
}
[class*="--brand-dark"] .border-primary {
  border-color: #fff !important;
}
[class*="--brand-dark"] .bg-primary,
[class*="--brand-dark"] .hover\:bg-primary:hover {
  background-color: #fff !important;
  color: var(--brand-dark) !important;
}

/* Lucide ikonları yüklenmeden önce yer tutucu boyut */
[data-lucide] {
  display: inline-block;
  width: 1em;
  height: 1em;
}