/* ==========================================================================
   tokens.css — Bayraklı 1923
   Tasarım tokenları. Yalnızca değişken tanımları bulunur; kural yazılmaz.
   Diğer CSS dosyaları bu isimlere bağımlıdır: isimleri/değerleri değiştirmeyin.
   ========================================================================== */

:root {
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --color-bg: #ffffff;
  --color-bg-alt: #f5f5f7;
  --color-ink: #1d1d1f;
  --color-ink-soft: #6e6e73;
  --color-dark-bg: #000000;
  --color-dark-ink: #f5f5f7;
  --color-dark-soft: #86868b;
  --color-line: #d2d2d7;
  --color-accent: #e30613;
  --color-accent-dark-bg: #ff453a;

  --text-mega: clamp(2.75rem, 8vw, 6.5rem);
  --text-xxl: clamp(2rem, 5vw, 4rem);
  --text-xl: clamp(1.5rem, 3vw, 2.25rem);
  --text-lg: clamp(1.125rem, 2vw, 1.375rem);
  --text-base: 1.0625rem;
  --text-sm: 0.875rem;

  --leading-tight: 1.05;
  --leading-normal: 1.5;
  --tracking-tight: -0.02em;

  --space-1: .5rem; --space-2: 1rem; --space-3: 1.5rem; --space-4: 2.5rem;
  --space-5: 4rem; --space-6: 6rem; --space-7: 9rem;

  --container: 1080px;
  --container-narrow: 720px;
  --radius: 18px;
  --shadow-card: 0 4px 24px rgba(0,0,0,.06);
  --ease: cubic-bezier(.25,.1,.25,1);
  --duration: .6s;

  /* --- Ek tokenlar (temel sözleşmeye eklenmiştir, hiçbirini ezmez) --- */
  --radius-sm: 10px;          /* küçük ögeler: rozet, buton içi alan */
  --line-dark: #2a2a2c;       /* koyu bölümlerde ince çizgi rengi */
  --shadow-card-hover: 0 10px 40px rgba(0,0,0,.10);
  --overlay-bg: rgba(0,0,0,.92);  /* belge büyütme katmanı */
  --z-overlay: 100;
}