/* ============================================================
 * YÜKA AKADEMİ — ATLAS DESIGN TOKENS
 * Tüm renk, tipografi, mesafe kararları burada.
 * Buradaki değerleri değiştirmek tüm uygulamayı değiştirir.
 * ============================================================ */

:root {
  /* ----- RENK ----- */
  --color-paper:      #f2efe8;  /* ana arka plan, krem kağıt */
  --color-paper-2:    #e8e4d8;  /* hafif vurgu, alternatif satır */
  --color-ink:        #1a1a1a;  /* ana metin, çerçeve, ana CTA */
  --color-ink-2:      #4a4a4a;  /* ikincil metin */
  --color-ink-3:      #888888;  /* etiket, meta, yardımcı metin */
  --color-line:       rgba(26,26,26,0.15);  /* tablo satır çizgisi */
  --color-line-2:     rgba(26,26,26,0.08);  /* daha hafif çizgi */

  --color-accent:     #d94a26;  /* uyarı, gecikme, risk — SADECE bu durumlar */
  --color-good:       #3a6b3a;  /* ödendi, hedef üstü, iyi gidiyor */
  --color-warn:       #c98a00;  /* yakın vade, ikinci seviye uyarı */

  /* Karanlık yüzeyler (kenar çubuğu, üst nav, giriş ekranı) */
  --color-dark-bg:    #1a1a1a;
  --color-dark-bg-2:  #0f0f0f;
  --color-on-dark:    #f2efe8;
  --color-on-dark-2:  #aaaaaa;
  --color-on-dark-3:  #777777;
  --color-line-dark:  rgba(255,255,255,0.1);


  /* ----- TİPOGRAFİ ----- */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;

  /* Boyut skalası */
  --text-9:  9px;    /* mikro etiket */
  --text-10: 10px;   /* monospace etiket */
  --text-11: 11px;   /* küçük meta */
  --text-12: 12px;   /* yardımcı, chip */
  --text-13: 13px;   /* tablo, gövde */
  --text-14: 14px;   /* gövde */
  --text-15: 15px;   /* gövde-büyük */
  --text-18: 18px;   /* alt başlık */
  --text-22: 22px;   /* mobil başlık */
  --text-26: 26px;   /* mobil büyük başlık */
  --text-28: 28px;   /* desktop sayfa başlığı */
  --text-32: 32px;   /* bölüm başlığı */
  --text-48: 48px;   /* büyük sayı (masaüstü stat) */

  /* Ağırlık */
  --w-regular: 400;
  --w-medium:  500;
  --w-semi:    600;
  --w-bold:    700;

  /* Harf aralığı */
  --tracking-mono: 0.15em;   /* monospace etiketler */
  --tracking-tight: -0.02em; /* başlık */
  --tracking-tighter: -0.03em; /* büyük sayı */


  /* ----- MESAFE ----- */
  --space-1: 4px;
  --space-2: 6px;
  --space-3: 8px;
  --space-4: 10px;
  --space-5: 12px;
  --space-6: 14px;
  --space-7: 16px;
  --space-8: 18px;
  --space-9: 20px;
  --space-10: 22px;
  --space-12: 28px;
  --space-14: 36px;
  --space-16: 48px;
  --space-20: 64px;


  /* ----- ÇERÇEVE ----- */
  --border:        1px solid var(--color-ink);
  --border-hair:   1px solid var(--color-line);
  --border-dark:   1px solid var(--color-line-dark);
  --radius:        0;   /* Atlas'ta sıfır border-radius — brütalist karar */


  /* ----- GÖLGE ----- */
  --shadow-lift: 0 20px 60px rgba(0,0,0,0.4);


  /* ----- BOYUT ----- */
  --mobile-w:        360px;
  --mobile-h-ratio:  19/9;
  --desktop-max-w:   1280px;
  --sidebar-w:       220px;
}