/* Design Tokens - unlujenerator.com
 * Bu dosya proje genelinde kullanılacak tasarım sabitlerini içerir.
 */

/* === Design Tokens === */

:root {
ı ı  /* Marka */
  --color-primary: #0E5A8A;
  --color-secondary: #FFB703;

  /* Metin ve zemin */
  --color-text: #111111;
  --color-muted: #6b7280;
  --color-subtle: #9aa0a6;
  --color-bg: #F8F9FA;

  /* HEADER (masaüstü) — gri-siyah arası, degrade ve ayırıcı çizgi */
  --color-header-bg: #2b2b2f;
  --color-header-bg-grad: linear-gradient(180deg, #2b2b2f 0%, #232325 100%);
  --color-header-fg: #d7d7d9;        /* link/ikon */
  --color-header-fg-strong: #ffffff; /* marka logo vurgusu */
  --color-header-hover: #ffffff;     /* link hover/aktif yazı */
  --color-header-active-bg: rgba(255, 255, 255, 0.10); /* kare kutu */
  --color-header-hairline: rgba(255, 255, 255, 0.12);  /* ince çizgi */

  /* HEADER (mobil) — beyaz kart görünümü */
  --color-header-mobile-bg: #ffffff;
  --color-header-mobile-fg: #4b5563; /* logo/metin koyu gri */
  --color-header-mobile-link: #111111;
  --color-header-mobile-active: #e5e7eb; /* açık gri kutu */

  /* Footer */
  --color-footer-bg: #1a1a1a;
  --color-footer-fg: #ffffff;

  /* Tipografi ve spacing */
  --font-sans: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --fs-h1: 32px;
  --fs-h2: 28px;
  --fs-h3: 24px;
  --fs-h4: 20px;
  --fs-body: 16px;
  --fs-small: 14px;
  --lh: 1.5;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius: 8px;
  --shadow-1: 0 6px 24px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.06);
}