/*
  Çalışkan Group — Marka Değişkenleri
  ------------------------------------------------------------------
  Logo veya renk paleti değişirse SADECE bu dosyayı güncellemeniz
  yeterlidir. Tüm site bu değişkenleri kullanır.
*/

:root {
  /* --- Marka Renkleri --- */
  --color-primary: #1b3b2a;          /* Çalışkan Group koyu yeşili (logo) */
  --color-primary-dark: #10261b;
  --color-primary-light: #2e5a41;

  --color-secondary: #6d7175;        /* Logo grisi */
  --color-secondary-light: #a6a9ac;

  --color-accent: #b08d4f;           /* Vurgu / premium ayrıntı rengi */
  --color-accent-light: #cdb27f;
  --color-accent-dark: #8a6d3a;      /* Açık zeminde metin için — WCAG AA kontrastı */

  /* --- Nötrler --- */
  --color-ink: #14201a;              /* Ana metin rengi */
  --color-ink-soft: #4b564f;         /* İkincil metin rengi */
  --color-paper: #f8f7f2;            /* Sayfa arka planı */
  --color-paper-alt: #f0eee5;        /* Alternatif açık zemin */
  --color-white: #ffffff;
  --color-border: rgba(20, 32, 26, 0.1);

  /* --- Koyu Zeminler (footer, hero overlay) --- */
  --color-dark-bg: #0d1712;
  --color-dark-bg-alt: #12211a;
  --color-dark-text: #f3f1e8;
  --color-dark-text-soft: rgba(243, 241, 232, 0.68);
  --color-dark-border: rgba(243, 241, 232, 0.14);

  /* --- Tipografi --- */
  --font-heading: "Host Grotesk", "Segoe UI", sans-serif;
  --font-body: "Host Grotesk", "Segoe UI", sans-serif;

  /* --- Ölçüler --- */
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 6px;
  --corner-cut: 22px;
  --corner-cut-sm: 12px;
  --container-max: 1360px;
  --header-height: 88px;
  --rule: 1px solid var(--color-border);
  --rule-dark: 1px solid var(--color-dark-border);

  /* --- Gölgeler --- */
  --shadow-soft: 0 20px 60px -25px rgba(13, 23, 18, 0.35);
  --shadow-card: 0 12px 32px -16px rgba(13, 23, 18, 0.25);

  /* --- Geçişler --- */
  --ease-premium: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 0.25s;
  --dur-med: 0.5s;
  --dur-slow: 0.9s;
}