/* ============================================================
   Plan Defteri — Tasarım Token'ları (tek kaynak)
   base.html'de İLK stil dosyası olarak yüklenir.
   Marka: mor #8E44AD + turuncu #E67E22 + Neti.
   Diğer dosyalardaki eski isimler buradaki köprü alias'larıyla
   beslenir; yeni kod --pd-* isimlerini kullanmalıdır.
   ============================================================ */

:root {
    /* ---------- Marka renkleri ---------- */
    --pd-purple:        #8E44AD;
    --pd-purple-dark:   #7D3C98;
    --pd-purple-light:  #AF7AC5;
    --pd-purple-soft:   rgba(142, 68, 173, 0.10);  /* vurgu zeminleri */
    --pd-orange:        #E67E22;
    --pd-orange-dark:   #D35400;
    --pd-orange-light:  #F39C12;
    --pd-orange-soft:   rgba(230, 126, 34, 0.10);
    --pd-ink:           #1a1a1a;
    --pd-cream:         #F8F9FA;

    /* ---------- Semantik renkler (markaya çekilmiş tonlar) ---------- */
    --pd-success:       #1E8449;   /* sıcak, mor/turuncuyla uyumlu yeşil */
    --pd-success-soft:  rgba(30, 132, 73, 0.10);
    --pd-danger:        #C0392B;   /* turuncu ailesine yakın sıcak kırmızı */
    --pd-danger-soft:   rgba(192, 57, 43, 0.10);
    --pd-warning:       #E67E22;
    --pd-warning-soft:  var(--pd-orange-soft);
    --pd-warning-text:  #B45F0D;   /* beyaz zeminde okunur turuncu */
    --pd-info:          #8E44AD;
    --pd-info-soft:     var(--pd-purple-soft);

    /* ---------- Nötr metin ---------- */
    --pd-text:          var(--pd-ink);
    --pd-text-secondary:#5F6368;
    --pd-text-muted:    #80868B;

    /* ---------- Marka gradyanı ---------- */
    --pd-gradient:      linear-gradient(135deg, #8E44AD 0%, #E67E22 100%);
    --pd-gradient-rev:  linear-gradient(135deg, #E67E22 0%, #8E44AD 100%);

    /* ---------- Köşe yuvarlaklığı ölçeği ---------- */
    --pd-r-sm:   6px;    /* rozet, küçük kontroller */
    --pd-r-md:   10px;   /* buton, input */
    --pd-r-lg:   16px;   /* kart, modal, toast */
    --pd-r-pill: 999px;  /* hap biçimli */

    /* ---------- Gölge ölçeği (yumuşak, tek yönlü) ---------- */
    --pd-shadow-1: 0 1px 3px rgba(26, 26, 26, 0.06), 0 1px 2px rgba(26, 26, 26, 0.04);
    --pd-shadow-2: 0 4px 14px rgba(26, 26, 26, 0.08);
    --pd-shadow-3: 0 12px 32px rgba(26, 26, 26, 0.14);
    --pd-shadow-brand: 0 4px 20px rgba(142, 68, 173, 0.15);
    --pd-shadow-brand-hover: 0 8px 30px rgba(142, 68, 173, 0.25);

    /* ---------- Hareket dili ---------- */
    --pd-ease:      cubic-bezier(0.22, 1, 0.36, 1);  /* marka easing'i: hızlı giriş, yumuşak duruş */
    --pd-dur-fast:  150ms;
    --pd-dur:       250ms;
    --pd-dur-slow:  400ms;

    /* ---------- Tipografi ---------- */
    --pd-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --pd-font-mono: 'JetBrains Mono', 'SF Mono', Monaco, 'Cascadia Code', 'Courier New', monospace;

    /* ============================================================
       Geriye uyumluluk köprüsü — eski isimler tek kaynağa bağlanır.
       Yeni kodda kullanma; kaynakları --pd-* isimlerine taşıdıkça sil.
       ============================================================ */

    /* defter.css / dashboard-extracted.css / index_new.html ailesi */
    --brand-dark:   var(--pd-ink);
    --brand-orange: var(--pd-orange);
    --brand-purple: var(--pd-purple);
    --brand-cream:  var(--pd-cream);
    --font-primary: var(--pd-font);
    --font-mono:    var(--pd-font-mono);
    --font-display: var(--pd-font);

    /* homepage.css'in eski indigo paleti — markaya devşirildi */
    --primary:       var(--pd-purple);
    --primary-light: var(--pd-purple-light);
    --secondary:     var(--pd-orange);
    --accent:        var(--pd-orange);
    --dark:          var(--pd-ink);
    --light:         var(--pd-cream);
    --success:       var(--pd-success);
    --danger:        var(--pd-danger);
    --warning:       var(--pd-warning);

    /* ux_polish.css'in beklediği isim */
    --pd-color-primary: var(--pd-purple);
}