/* =========================================================
   Yeşilöz Derneği — Tasarım Token'ları (logo renklerinden türetilmiştir)
   ========================================================= */
:root {
  /* --- Marka renkleri --- */
  --color-blue: #2f7a3b;          /* ana eylem rengi: yaprak yeşili (eski isim korunuyor) */
  --color-blue-dark: #14301f;     /* koyu orman yeşili: başlık + koyu zemin */
  --color-blue-soft: #e9f3e4;

  --color-green: #3f8f3f;         /* tarım yeşili */
  --color-green-deep: #1f5a2a;
  --color-green-soft: #edf5e6;
  --color-green-accent: #c3e04b;      /* logodaki filiz yeşili (lime) */
  --color-lime: #d4ec6a;              /* lime zemin (CTA / vurgu kartı) */
  --color-sky: #1e8fd6;               /* logo halkası mavisi — küçük dokunuşlar */

  --color-red: #e23a2e;           /* elma kırmızısı */
  --color-red-soft: #fbe9e7;

  --color-white: #ffffff;
  --color-cream: #f3f6ef;         /* yeşile çalan açık, havadar zemin */
  --color-cream-deep: #e7ede0;

  --color-text: #16261b;          /* ana yazı (koyu orman) */
  --color-muted: #57675b;         /* ikincil yazı */
  --color-line: #dfe6d8;          /* ince ayraç */

  /* --- Anlamsal --- */
  --bg: var(--color-cream);
  --bg-elevated: var(--color-white);
  --surface: var(--color-white);

  /* --- Tipografi --- */
  --font-display: 'Bricolage Grotesque', 'Figtree', system-ui, sans-serif;
  --font-body: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --fs-hero: clamp(2.6rem, 6.2vw, 5.6rem);
  --fs-h1: clamp(2.1rem, 4.6vw, 3.6rem);
  --fs-h2: clamp(1.7rem, 3.4vw, 2.7rem);
  --fs-h3: clamp(1.25rem, 2.2vw, 1.6rem);
  --fs-lead: clamp(1.05rem, 1.6vw, 1.3rem);
  --fs-body: 1.05rem;
  --fs-small: 0.9rem;

  /* --- Spacing ölçeği --- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --section-y: clamp(5rem, 10vw, 9.5rem);
  --container: 1320px;
  --container-wide: 1440px;
  --gutter: clamp(1.1rem, 4vw, 2.5rem);
  /* Brief uyumlu container alias'ları */
  --container-max: var(--container);
  --container-padding: var(--gutter);

  /* --- Radius --- */
  --radius-sm: 10px;
  --radius: 20px;
  --radius-lg: 28px;
  --radius-xl: 36px;
  --radius-pill: 999px;

  /* --- Gölge (Apple tarzı yumuşak/diffüz, düşük opaklık) --- */
  --shadow-sm: 0 1px 2px rgba(20, 48, 31, 0.04), 0 6px 18px rgba(20, 48, 31, 0.04);
  --shadow: 0 4px 24px rgba(20, 48, 31, 0.06);
  --shadow-lg: 0 18px 50px rgba(20, 48, 31, 0.10);
  --shadow-brand: 0 16px 40px rgba(47, 122, 59, 0.18);
  --shadow-strong: 0 30px 70px rgba(20, 48, 31, 0.14);

  /* --- Geçiş --- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast: 0.25s var(--ease);
  --t: 0.45s var(--ease);
  --t-slow: 0.8s var(--ease);

  /* --- Layout --- */
  --header-h: 88px;

  /* --- Z-index katmanları --- */
  --z-base: 1;
  --z-scene: 0;
  --z-content: 2;
  --z-header: 100;
  --z-overlay: 200;
  --z-modal: 500;
  --z-cursor: 9999;
}

/* =========================================================
   Anlamsal alias'lar (brief ile uyumlu isimler).
   Mevcut token'lara işaret eder; eski isimler de çalışmaya devam eder.
   ========================================================= */
:root {
  --color-primary-blue: var(--color-blue);
  --color-primary-blue-dark: var(--color-blue-dark);
  --color-farm-green: var(--color-green);
  --color-farm-green-light: var(--color-green-accent);
  --color-apple-red: var(--color-red);
  --color-dark: var(--color-text);
  /* --color-cream, --color-white, --color-muted zaten tanımlı */

  --radius-md: var(--radius);

  --shadow-soft: var(--shadow-sm);
  --shadow-card: var(--shadow);

  --transition-fast: var(--t-fast);
  --transition-smooth: var(--t);
  --ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);
  --header-height: var(--header-h);
}