/* ==========================================================================
   Hiyus Wiki - Tema katmani (design tokens)
   ==========================================================================
   Tum renk/olcu degerleri burada. Sayfalar bu degiskenleri kullanir, sabit
   renk yazmaz -- boylece renk degistirmek tek dosyayi degistirmek demek.

   Tek palet: metin2best.com renkleri. Admin paneli kendi sicak sepya
   varyantini admin.css icindeki body.admin blogunda tanimlar.
   ========================================================================== */

:root {
    /* --- Olcu / ritim ------------------------------------------------- */
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 24px;
    --sp-6: 32px;
    --sp-7: 48px;
    --sp-8: 64px;

    --radius-xs: 6px;
    --radius-sm: 10px;
    --radius:    14px;
    --radius-lg: 20px;
    --radius-pill: 999px;

    --nav-h: 64px;
    --content-max: 1280px;

    /* --- Tipografi ---------------------------------------------------- */
    --font-ui:      'Inter', 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-display: 'Sora', 'Cinzel', Georgia, serif;
    --font-mono:    ui-monospace, 'JetBrains Mono', 'Cascadia Code', Consolas, monospace;

    --fs-xs: 12px;
    --fs-sm: 13px;
    --fs-md: 14.5px;
    --fs-lg: 17px;
    --fs-xl: 21px;
    --fs-2xl: 27px;
    --fs-3xl: 36px;
    --fs-4xl: 46px;

    /* --- Hareket ------------------------------------------------------ */
    --ease: cubic-bezier(.4, 0, .2, 1);
    --ease-out: cubic-bezier(.16, 1, .3, 1);
    --dur: .18s;
    --dur-slow: .38s;
}

/* ==========================================================================
   Tek tema -- sicak sepya/kahve zemin, altin vurgu.
   Panelde kullandigimiz palet artik sitenin de paleti; boylece wiki ile
   yonetim merkezi ayni gorunuyor. Eski soguk lacivert set kaldirildi.
   [data-theme="m2best"] eski sayfalar icin takma ad olarak duruyor.
   ========================================================================== */
:root,
[data-theme="m2best"] {
    --bg:          #0d0906;
    --bg-deep:     #0a0705;
    --bg-elev:     #140e09;

    --surface:       rgba(232, 187, 107, .045);
    --surface-2:     #1b130d;
    --surface-hover: #241a11;
    --surface-solid: #1b130d;

    --line:        rgba(232, 187, 107, .13);
    --line-soft:   rgba(232, 187, 107, .07);
    --line-strong: rgba(237, 193, 111, .28);

    --accent:        #e8bc6a;
    --accent-bright: #ffd88d;
    --accent-dim:    #b8904a;
    --accent-soft:   rgba(232, 188, 106, .1);
    --accent-glow:   rgba(232, 188, 106, .35);
    --accent-ink:    #150d05;

    --accent-2:      #d9a758;
    --accent-2-soft: rgba(217, 167, 88, .11);

    --text:       #f5ead8;
    --text-dim:   #a99b89;
    --text-faint: #74685b;

    --danger:  #e5615f;
    --warning: #e3a94a;
    --success: #6fbf7b;
    --info:    #7ea7c4;

    --danger-soft:  rgba(229, 97, 95, .11);
    --warning-soft: rgba(227, 169, 74, .11);
    --success-soft: rgba(111, 191, 123, .11);
    --info-soft:    rgba(126, 167, 196, .11);

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow:    0 6px 20px -6px rgba(0, 0, 0, .72);
    --shadow-lg: 0 24px 60px -18px rgba(0, 0, 0, .9);

    --grad-accent: linear-gradient(135deg, #e8bc6a 0%, #b8904a 100%);
    --grad-warm:   linear-gradient(135deg, #ffd88d 0%, #e8bc6a 100%);
    --grad-hero:   radial-gradient(1200px 600px at 15% -10%, rgba(232,188,106,.13), transparent 62%),
                   radial-gradient(900px 500px at 88% 0%, rgba(184,144,74,.09), transparent 62%);

    /* Kart yuzeyi: sol ustten gelen hafif altin isik. */
    --card-sheen: linear-gradient(150deg, rgba(232, 188, 106, .055) 0%, transparent 58%);

    color-scheme: dark;
}

/* ==========================================================================
   Geriye donuk uyum
   Sayfa ici <style> bloklari eski --gold degiskenini kullaniyor olabilir;
   yeni vurgu rengine baglayarak tema degisiminde onlar da dogru renklensin.
   -------------------------------------------------------------------------- */
:root {
    --gold:        var(--accent-2);
    --gold-bright: var(--accent-bright);
    --gold-soft:   var(--accent-2-soft);
}