/* ======================================================================
   YZ DEFAULT — DESIGN TOKENS
   Modern minimalist palette. Clean SaaS aesthetic.

   Bu dosya tüm tema CSS'lerinden ÖNCE yüklenir.
   İleride aim_theme_settings tablosundan runtime PHP ile üretilebilir.
   ====================================================================== */

:root {
    /* ─────────── BRAND COLORS ─────────── */
    --primary:        #3b82f6;     /* Blue 500 — ana renk */
    --primary-dk:     #2563eb;     /* Blue 600 — hover */
    --primary-lt:     #dbeafe;     /* Blue 100 — soft bg */
    --primary-on:     #ffffff;     /* primary üzerine yazı */

    --accent:         #6366f1;     /* Indigo 500 — vurgu */
    --accent-dk:      #4f46e5;     /* Indigo 600 */
    --accent-lt:      #e0e7ff;     /* Indigo 100 — soft bg */
    --accent-on:      #ffffff;     /* accent üstüne yazı — kontrast otomatik runtime'da */

    --success:        #10b981;     /* Emerald 500 */
    --success-lt:     #d1fae5;
    --warning:        #f59e0b;     /* Amber 500 */
    --warning-lt:     #fef3c7;
    --danger:         #ef4444;     /* Red 500 */
    --danger-lt:      #fee2e2;
    --info:           #06b6d4;     /* Cyan 500 */
    --success-on:     #ffffff;     /* success üstüne yazı — runtime'da kontrasta göre güncellenir */
    --warning-on:     #1a1a1a;     /* warning hep açık sarı, üstüne koyu yazı */
    --danger-on:      #ffffff;     /* danger üstüne yazı */
    --info-on:        #ffffff;     /* info üstüne yazı */
    /* ─── BUTON TOKENLARI — primary'ye bağlı (adaptive default davranış) ───
       Klonsuz aktif kullanımda bu değerler geçerli olur (tema rengine uyum).
       Klon önizleme aktifken settings_json bu token'ları override edebilir:
         - Semantic mod  → yeşil (a11y), mor (tts), mavi (pwa) sabit semantic
         - Adaptive mod → yine primary'ye bağlı (varsayılan)
       Hardcoded fallback'ler runtime'da tokens override edilmezse devrede. */
    --btn-fab-bg:      var(--primary);
    --btn-fab-text:    var(--primary-on);

    --btn-a11y-bg:     var(--primary);
    --btn-a11y-bg-2:   var(--primary-dk);
    --btn-a11y-text:   var(--primary-on);

    --btn-tts-bg:      var(--primary);
    --btn-tts-bg-2:    var(--primary-dk);
    --btn-tts-text:    var(--primary-on);

    --btn-pwa-bg:      var(--primary);
    --btn-pwa-bg-2:    var(--primary-dk);
    --btn-pwa-text:    var(--primary-on);

    --menu-hover-bg:   var(--primary-lt);
    --menu-hover-text: var(--primary-dk);

    /* ─────────── NEUTRALS ─────────── */
    --bg-page:        #ffffff;     /* Sayfa arkaplanı */
    --bg-card:        #ffffff;     /* Kart arkaplanı */
    --bg-soft:        #f9fafb;     /* Gray 50 — yumuşak bölümler */
    --bg-muted:       #f3f4f6;     /* Gray 100 — disable, divider bg */

    --text:           #111827;     /* Gray 900 — ana metin */
    --text-muted:     #6b7280;     /* Gray 500 — yardımcı metin */
    --text-soft:      #9ca3af;     /* Gray 400 — placeholder */
    --text-on-dk:     #ffffff;     /* Koyu arkaplan üstü */

    --border:         #e5e7eb;     /* Gray 200 — varsayılan border */
    --border-strong:  #d1d5db;     /* Gray 300 — vurgulu border */
    --border-dk:      #374151;     /* Gray 700 — dark mode */

    /* ─────────── TYPOGRAPHY ─────────── */
    /* Brand: Playfair Display (başlık), Barlow Condensed (rozet/etiket), Barlow (gövde) — anasayfa stili her sayfada */
    --font-display:   'Playfair Display', Georgia, 'Times New Roman', serif;
    --font-cond:      'Barlow Condensed', 'Arial Narrow', sans-serif;
    --font-body:      'Barlow', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    --font-mono:      'JetBrains Mono', 'SF Mono', Consolas, monospace;

    --fs-xs:          12px;
    --fs-sm:          14px;
    --fs-base:        16px;
    --fs-lg:          18px;
    --fs-xl:          20px;
    --fs-2xl:         24px;
    --fs-3xl:         30px;
    --fs-4xl:         36px;
    --fs-5xl:         48px;

    --fw-normal:      400;
    --fw-medium:      500;
    --fw-semibold:    600;
    --fw-bold:        700;

    --lh-tight:       1.2;
    --lh-snug:        1.4;
    --lh-normal:      1.6;
    --lh-relaxed:     1.75;

    /* ─────────── SPACING ─────────── */
    --sp-0:           0;
    --sp-1:           4px;
    --sp-2:           8px;
    --sp-3:           12px;
    --sp-4:           16px;
    --sp-5:           20px;
    --sp-6:           24px;
    --sp-8:           32px;
    --sp-10:          40px;
    --sp-12:          48px;
    --sp-16:          64px;
    --sp-20:          80px;

    /* ─────────── BORDER RADIUS ─────────── */
    --radius-sm:      4px;
    --radius:         8px;
    --radius-md:      12px;
    --radius-lg:      16px;
    --radius-xl:      24px;
    --radius-full:    9999px;

    /* ─────────── SHADOWS ─────────── */
    --shadow-xs:      0 1px 2px rgba(0,0,0,0.04);
    --shadow-sm:      0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
    --shadow:         0 4px 6px -1px rgba(0,0,0,0.08), 0 2px 4px -1px rgba(0,0,0,0.04);
    --shadow-md:      0 10px 15px -3px rgba(0,0,0,0.08), 0 4px 6px -2px rgba(0,0,0,0.04);
    --shadow-lg:      0 20px 25px -5px rgba(0,0,0,0.10), 0 10px 10px -5px rgba(0,0,0,0.04);

    /* ─────────── TRANSITIONS ─────────── */
    --t-fast:         120ms ease;
    --t-base:         200ms ease;
    --t-slow:         320ms ease;

    /* ─────────── LAYOUT ─────────── */
    --container:      1200px;       /* Maks içerik genişliği */
    --container-sm:   768px;
    --container-xs:   480px;

    --header-h:       64px;         /* Header yüksekliği */
    --footer-h:       auto;

    /* ─────────── Z-INDEX SCALE ─────────── */
    --z-dropdown:     100;
    --z-sticky:       200;
    --z-overlay:      300;
    --z-modal:        400;
    --z-popover:      500;
    --z-tooltip:      600;
    --z-toast:        700;
}

/* RTL desteği için */
[dir="rtl"] {
    /* RTL'de margin/padding mirror'lanır — utility class'larda kullanılır */
}