/* ======================================================================
   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 {
    /* ─────────── CRUISE BRAND COLORS ───────────
       Marevia / Cruise demo palette:
       Deep navy + Mediterranean blue + warm marina gold + pearl sand.
       Bu dosya global token katmanı olduğu için header, kartlar, sayfalar,
       aktif modüller ve reusable partial'lar aynı renk ailesine bağlanır.
    */
    --primary:        #0B2341;     /* Deep Marine Navy */
    --primary-dk:     #071728;     /* Night Navy */
    --primary-lt:     #E6F2F7;     /* Sea Foam */
    --primary-on:     #ffffff;

    --accent:         #C9A84C;     /* Marina Gold */
    --accent-dk:      #A8893A;
    --accent-lt:      #F7EDD0;
    --accent-on:      #0B2341;

    --success:        #10b981;
    --success-lt:     #D1FAE5;
    --warning:        #F2B84B;
    --warning-lt:     #FFF2CC;
    --danger:         #D94A4A;
    --danger-lt:      #FCE3E3;
    --info:           #2A84B8;
    --success-on:     #ffffff;
    --warning-on:     #0B2341;
    --danger-on:      #ffffff;
    --info-on:        #ffffff;

    /* ─── BUTON TOKENLARI — alt modül dosyalarına dokunmadan renklenir ─── */
    --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:        #F8F6F0;     /* Pearl sand */
    --bg-card:        #FFFFFF;
    --bg-soft:        #EEF5FB;
    --bg-muted:       #E6EDF4;

    --text:           #102943;
    --text-muted:     #60748D;
    --text-soft:      #8AA0B6;
    --text-on-dk:     #ffffff;

    --border:         #D6E4F0;
    --border-strong:  #B8CBDD;
    --border-dk:      #223B57;

    /* ─────────── CRUISE ALIASES — bazı eski section/page CSS'leri için ─────────── */
    --surface:        var(--bg-card);
    --bg:             var(--bg-page);
    --bg-1:           var(--bg-soft);
    --muted:          var(--text-muted);
    --border-color:   var(--border);
    --header-height:  var(--header-h);

    /* Eski kebap/hero renk adlarını cruise paletine bağla */
    --ember-950:      #050C16;
    --ember-900:      #091727;
    --ember-800:      #0D1F35;
    --ember-700:      #102943;
    --ember-600:      #173B61;

    --coal-900:       #050C16;
    --coal-800:       #091727;
    --coal-700:       #0D1F35;
    --coal-600:       #173B61;
    --coal-400:       #60748D;
    --coal-200:       #B8CBDD;
    --coal-100:       #E6F2F7;

    --flame-600:      #0B2341;
    --flame-500:      #163E6E;
    --flame-400:      #2962A4;
    --flame-300:      #4A86BF;

    --gold-500:       #A8893A;
    --gold-400:       #C9A84C;
    --gold-300:       #DFC072;
    --gold-200:       #EDD69A;
    --gold-100:       #F7EDD0;

    --cream:          #F8F6F0;
    --cream-dark:     #EDE9DF;

    /* ─────────── TYPOGRAPHY ─────────── */
    --font-display:   'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    --font-body:      '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:      6px;
    --radius:         10px;
    --radius-md:      14px;
    --radius-lg:      18px;
    --radius-xl:      26px;
    --radius-full:    9999px;
    --radius-pill:    9999px;

    /* ─────────── SHADOWS ─────────── */
    --shadow-xs:      0 1px 2px rgba(9,23,39,0.04);
    --shadow-sm:      0 1px 3px rgba(9,23,39,0.07), 0 1px 2px rgba(9,23,39,0.04);
    --shadow:         0 8px 22px rgba(9,23,39,0.08);
    --shadow-md:      0 16px 36px rgba(9,23,39,0.10);
    --shadow-lg:      0 24px 70px rgba(9,23,39,0.14);

    /* ─────────── 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 */
}