/* ============================================================
   Darıca Gençlerbirliği — Design Tokens
   Aesthetic: "Floodlit Heritage" — stadyum gecesi yeşili +
   elektrik sarısı + vintage editöryel.
   ============================================================ */
:root {
  /* --- Renk: Yeşil iskele --- */
  --green-950: #04130C;
  --green-900: #063019;
  --green-850: #073B20;
  --green-800: #0A4A2A;
  --green-700: #0E6B3C;   /* birincil yeşil */
  --green-600: #12834A;
  --green-500: #18A359;   /* canlı yeşil */
  --green-300: #5FD191;

  /* --- Renk: Sarı vurgu --- */
  --yellow:      #FFD200; /* elektrik kulüp sarısı */
  --yellow-deep: #F2B705;
  --yellow-soft: #FFE680;

  /* --- Nötr / kağıt --- */
  --cream:   #F6F3E8;     /* açık editöryel zemin */
  --cream-2: #EDE8D6;
  --paper:   #FBFAF4;
  --ink:     #0B130E;     /* açık zeminde metin */
  --ink-soft:#3A463E;
  --line:    rgba(11,19,14,.14);
  --line-on-dark: rgba(255,255,255,.12);

  /* --- Anlamsal --- */
  --bg:        var(--green-950);
  --bg-elev:   var(--green-900);
  --text:      #EAF1EA;
  --text-dim:  #9FB4A6;
  --accent:    var(--yellow);
  --primary:   var(--green-500);

  /* --- Tipografi --- */
  --font-display: 'Anton', 'Arial Narrow', sans-serif;     /* poster condensed */
  --font-serif:   'Fraunces', 'Georgia', serif;            /* vintage editöryel */
  --font-body:    'Archivo', system-ui, sans-serif;        /* gövde / UI */

  --fs-hero:  clamp(3.2rem, 9vw, 8.5rem);
  --fs-h1:    clamp(2.4rem, 6vw, 5rem);
  --fs-h2:    clamp(1.9rem, 4vw, 3.4rem);
  --fs-h3:    clamp(1.3rem, 2.4vw, 1.9rem);
  --fs-lead:  clamp(1.05rem, 1.6vw, 1.3rem);
  --fs-body:  1rem;
  --fs-sm:    .875rem;
  --fs-xs:    .75rem;

  /* --- Boşluk / ölçü --- */
  --space-1: .25rem;  --space-2: .5rem;  --space-3: .75rem;
  --space-4: 1rem;    --space-5: 1.5rem; --space-6: 2rem;
  --space-8: 3rem;    --space-10: 4.5rem; --space-12: 6.5rem;
  --container: 1240px;
  --gutter: clamp(1rem, 4vw, 2.5rem);
  --ticker-h: 38px;

  /* --- Köşe / gölge --- */
  --r-sm: 4px; --r: 10px; --r-lg: 18px; --r-pill: 999px;
  --shadow-sm: 0 2px 8px rgba(0,0,0,.18);
  --shadow:    0 14px 40px -12px rgba(0,0,0,.45);
  --shadow-yellow: 0 10px 30px -8px rgba(255,210,0,.35);

  /* --- Hareket --- */
  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --dur: .45s;
}