/* ======================================================================
   AKDENİZ OLIVE — DESIGN TOKENS
   Taverna esinli, doğal palette: zeytin yeşili + terra cotta + kayısı + krem.
   Sıcak, organik, samimi atmosfer. Default temasıyla %100 yapısal uyum —
   sadece renk/font tonları değişti.

   Renk hiyerarşisi:
     PRIMARY      Zeytin yeşili (Olive green)         #556B2F
     ACCENT       Terra cotta (Killed brick)          #B85C38
     SUCCESS      Avokado / soft olive                #7A9E5E
     WARNING      Hardal sarısı                       #D9A93F
     DANGER       Sıcak terra red                     #C44536
     BG-PAGE      Kireç beyazı / krem                 #FAF6EC
     BG-CARD      Hafifçe sıcak beyaz                 #FFFCF5
     TEXT         Koyu zeytin/toprak                  #3D3A2E
   ====================================================================== */

:root {
    /* ─────────── BRAND COLORS ─────────── */
    --primary:        #556B2F;     /* Olive green — zeytin yeşili */
    --primary-dk:     #404F23;     /* Koyu zeytin — hover/active */
    --primary-lt:     #E8EAD7;     /* Soft olive — soft bg */
    --primary-on:     #FFFFFF;     /* primary üzerine yazı */

    --accent:         #B85C38;     /* Terra cotta — vurgu */
    --accent-dk:      #92451F;     /* Koyu kiremit */
    --accent-lt:      #F2D9CB;     /* Açık kiremit / soft */

    --success:        #7A9E5E;     /* Avokado yeşili */
    --success-lt:     #E5EDD7;
    --warning:        #D9A93F;     /* Hardal sarısı */
    --warning-lt:     #F8EBC9;
    --danger:         #C44536;     /* Sıcak terra red */
    --danger-lt:      #F5D8D2;
    --info:           #6B8E9E;     /* Eski Akdeniz mavisi (denize karşı kayalar) */
    --info-lt:        #DCE6EB;

    /* ─────────── NEUTRALS ─────────── */
    --bg-page:        #FAF6EC;     /* Kireç beyazı / krem — sayfa */
    --bg-card:        #FFFCF5;     /* Hafifçe sıcak beyaz — kart */
    --bg-soft:        #F5EFE0;     /* Bej krem — yumuşak bölüm */
    --bg-muted:       #EBE4D2;     /* Açık kum — disable / divider bg */

    --text:           #3D3A2E;     /* Koyu zeytin/toprak — ana metin */
    --text-muted:     #76705F;     /* Orta kum tonu — yardımcı metin */
    --text-soft:      #A89F89;     /* Açık kum — placeholder */
    --text-on-dk:     #FAF6EC;     /* Koyu arkaplan üstü */

    --border:         #E0D9C6;     /* Krem-bej border */
    --border-strong:  #C9C1AC;     /* Vurgulu kum border */
    --border-dk:      #4A4737;     /* Koyu zeytin — dark mode için */

    /* ─────────── TYPOGRAPHY ─────────── */
    /* Akdeniz teması için biraz daha karakterli font önerisi — Manrope yumuşak yuvarlak.
       Sistemde yoksa Inter'e düşer (default font fallback). */
    --font-display:   'Manrope', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    --font-body:      'Manrope', '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 ─────────── */
    /* Default ile aynı bırakıldı, dilediğinde +2-4px artırarak daha organik hissi
       (örn. --radius-md: 14px) verebilirsin. */
    --radius-sm:      4px;
    --radius:         8px;
    --radius-md:      12px;
    --radius-lg:      16px;
    --radius-xl:      24px;
    --radius-full:    9999px;

    /* ─────────── SHADOWS ─────────── */
    /* Akdeniz teması için sıcak ton — siyah yerine kahverengi-toprak shadow. */
    --shadow-xs:      0 1px 2px rgba(61, 58, 46, 0.05);
    --shadow-sm:      0 1px 3px rgba(61, 58, 46, 0.08), 0 1px 2px rgba(61, 58, 46, 0.05);
    --shadow:         0 4px 6px -1px rgba(61, 58, 46, 0.10), 0 2px 4px -1px rgba(61, 58, 46, 0.05);
    --shadow-md:      0 10px 15px -3px rgba(61, 58, 46, 0.10), 0 4px 6px -2px rgba(61, 58, 46, 0.05);
    --shadow-lg:      0 20px 25px -5px rgba(61, 58, 46, 0.12), 0 10px 10px -5px rgba(61, 58, 46, 0.05);

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

    /* ─────────── LAYOUT ─────────── */
    --container:      1200px;
    --container-sm:   768px;
    --container-xs:   480px;

    --header-h:       64px;
    --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 */
}