/* =============================================================
   YILMEK — Meslek Edindirme Kursları / Theme Tokens
   Renk paleti: Logo piksel analizinden (Petrol #143C64 + Turkuaz #3CA08C)
   ============================================================= */

:root {
  /* --- Ana Renk (Logo yazı rengi — Petrol Mavisi #143C64) --- */
  --petrol: #143C64;
  --petrol-koyu: #0E2A4B;
  --petrol-acik: #1E5485;
  --petrol-soluk: #E8EEF5;

  /* --- Sekonder 1 (Logo şerit rengi — Turkuaz/Yeşil #3CA08C) --- */
  --turkuaz: #3CA08C;
  --turkuaz-koyu: #2A7E6F;
  --turkuaz-acik: #D0EDE7;

  /* --- Aksan (Altın — vurgu, ikon, MEB rozeti) --- */
  --altin: #D4943C;
  --altin-koyu: #A86E1B;
  --altin-acik: #FBF0DB;

  /* --- Nötr (logo petrol tonuyla uyumlu) --- */
  --antrasit: #1E2B3A;
  --antrasit-yumusak: #364656;
  --tas-grisi: #6B7785;
  --tas-grisi-acik: #A8B0B8;
  --border: #DFE5EB;
  --border-petrol: #C2D1DE;

  /* --- Background --- */
  --buz-mavisi: #F5F8FA;
  --buz-mavisi-koyu: #EAEFF3;
  --beyaz: #FFFFFF;

  /* --- Durum --- */
  --yaprak-yesili: #2D8B6B;
  --bilgi: #2563EB;
  --uyari: #D97706;
  --tehlike: #DC2626;

  /* --- Tipografi --- */
  --font-govde: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-baslik: 'Fraunces', 'Inter', serif;

  /* Ölçek (1.25 modüler) */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.563rem;
  --text-2xl: 1.953rem;
  --text-3xl: 2.441rem;
  --text-4xl: 3.052rem;
  --text-5xl: 3.815rem;

  /* Boşluk (8px grid) */
  --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;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 9999px;

  /* Gölge */
  --shadow-sm: 0 1px 2px rgba(20, 60, 100, 0.06), 0 1px 3px rgba(20, 60, 100, 0.04);
  --shadow-md: 0 4px 8px rgba(20, 60, 100, 0.06), 0 2px 4px rgba(20, 60, 100, 0.04);
  --shadow-lg: 0 12px 24px rgba(20, 60, 100, 0.08), 0 4px 8px rgba(20, 60, 100, 0.05);
  --shadow-petrol: 0 8px 24px rgba(20, 60, 100, 0.30);

  /* Geçiş */
  --transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Layout */
  --container-max: 1280px;
  --header-height: 72px;
  --font-feature: "ss01", "cv11";
}

/* Erişilebilirlik modları */
:root[data-text-size="buyuk"] {
  --text-xs: 0.875rem;
  --text-sm: 1rem;
  --text-base: 1.125rem;
  --text-lg: 1.4rem;
  --text-xl: 1.75rem;
  --text-2xl: 2.2rem;
  --text-3xl: 2.75rem;
  --text-4xl: 3.4rem;
}

:root[data-contrast="yuksek"] {
  --petrol: #0A1F36;
  --petrol-koyu: #051020;
  --turkuaz: #1A6B5A;
  --turkuaz-koyu: #0D4538;
  --antrasit: #000000;
  --tas-grisi: #333333;
  --border: #666666;
  --buz-mavisi: #FFFFFF;
}