@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap');

/* ======================================================================
   UNLIMITED DIGITAL — DESIGN TOKENS
   Koyu tema · Neon lime vurgu · Oswald (başlık) + Inter (gövde).
   Marka: Unlimited Patch — "Türkiye'nin Dijital Peç İmalat Merkezi".

   Bu dosya tüm tema CSS'lerinden ÖNCE yüklenir. default-perakende'den
   klonlanmıştır; sadece bu token dosyası koyu/neon paletine çevrilmiştir.
   ====================================================================== */

:root {
    /* ─────────── BRAND COLORS ─────────── */
    --primary:        #A4E22B;     /* Neon lime — ana marka rengi */
    --primary-dk:     #B6F23D;     /* Parlak lime — hover / koyu zemin üstü yazı */
    --primary-lt:     #16280A;     /* Koyu zeytin — yumuşak marka zemini */
    --primary-on:     #16280A;     /* Lime üstüne koyu yazı */

    --accent:         #C9A24B;     /* Premium altın — ikincil vurgu */
    --accent-dk:      #DBB661;     /* Açık altın — hover / koyu zemin üstü yazı */
    --accent-lt:      #2A2415;     /* Koyu altın zemin */
    --accent-on:      #241C08;     /* Altın üstüne koyu yazı */

    --success:        #34C759;     /* Yeşil */
    --success-lt:     #11210F;
    --warning:        #F5C518;     /* Sarı uyarı bandı rengi */
    --warning-lt:     #2A2410;
    --danger:         #E2342F;     /* Kırmızı */
    --danger-lt:      #2A0E0E;
    --info:           #2F80ED;     /* Mavi */
    --success-on:     #08140A;     /* parlak yeşil üstüne koyu yazı */
    --warning-on:     #1A1A00;     /* 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) ─── */
    --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 (KOYU TEMA) ─────────── */
    --bg-page:        #0B0B0B;     /* İs siyahı — sayfa arkaplanı */
    --bg-card:        #141414;     /* Panel / kart arkaplanı */
    --bg-soft:        #1A1A1C;     /* Antrasit — yumuşak bölümler */
    --bg-muted:       #1F1F22;     /* Disable / divider zemini */

    --text:           #FFFFFF;     /* Ana metin */
    --text-muted:     #B9B9B9;     /* Yardımcı metin */
    --text-soft:      #6E6E6E;     /* Placeholder / ipucu */
    --text-on-dk:     #FFFFFF;     /* Koyu arkaplan üstü */

    --border:         #262626;     /* Varsayılan border */
    --border-strong:  #3A3A3A;     /* Vurgulu border */
    --border-dk:      #0A0A0A;     /* En koyu border */

    /* ─────────── TYPOGRAPHY ─────────── */
    /* Brand: Oswald (başlık/etiket, condensed, BÜYÜK HARF), Inter (gövde) */
    --font-display:   'Oswald', 'Barlow Condensed', sans-serif;
    --font-cond:      'Oswald', 'Barlow Condensed', 'Arial Narrow', 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:      4px;
    --radius:         8px;
    --radius-md:      12px;
    --radius-lg:      16px;
    --radius-xl:      24px;
    --radius-full:    9999px;

    /* ─────────── SHADOWS (koyu zeminde daha güçlü) ─────────── */
    --shadow-xs:      0 1px 2px rgba(0,0,0,0.30);
    --shadow-sm:      0 1px 3px rgba(0,0,0,0.40), 0 1px 2px rgba(0,0,0,0.30);
    --shadow:         0 4px 6px -1px rgba(0,0,0,0.45), 0 2px 4px -1px rgba(0,0,0,0.35);
    --shadow-md:      0 10px 15px -3px rgba(0,0,0,0.50), 0 4px 6px -2px rgba(0,0,0,0.35);
    --shadow-lg:      0 20px 25px -5px rgba(0,0,0,0.55), 0 10px 10px -5px rgba(0,0,0,0.35);

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