/* ============================================================
   BAKED BAGS — TASARIM TOKEN'LARI (donmuş sözleşme)
   Tüm sayfa/bileşen CSS'i YALNIZ bu değişkenleri kullanır.
   Hardcode hex/px yasak (istisna: tokens.css + base.css).
============================================================ */
/* Fontlar self-host (Google'a istek YOK) — bkz. assets/css/plus-jakarta.css */
@import url('/assets/css/plus-jakarta.css?v=2');

@layer tokens {
  :root {
    /* — Kakao (marka kahve, zenginleştirilmiş ramp) — */
    --bb-cacao-900:#160803; --bb-cacao-800:#241008; --bb-cacao-700:#3A1A0C;
    --bb-cacao-600:#5C2A10; --bb-cacao-500:#7B3A1A; --bb-cacao-400:#9B5A2A;

    /* — Teal (aksiyon rengi) — */
    --bb-teal-700:#1F7A7A; --bb-teal-600:#2A9898; --bb-teal-500:#3FB4B4;
    --bb-teal-400:#4BBFBF; --bb-teal-300:#7FD4D4;

    /* — Altın (LÜKS aksan — ince, az kullan) — */
    --bb-gold-700:#8A6A1E; --bb-gold-500:#C9A24B; --bb-gold-400:#D9BC72;
    --bb-gold-300:#E8D29A;

    /* — Fildişi / krem (açık yüzeyler) — */
    --bb-ivory-50:#FBF7EE; --bb-ivory-100:#FAF0DC; --bb-ivory-200:#F5E6C2; --bb-ivory-300:#EDD9A3;

    /* — Sıcak nötr ramp (metin / kenar) — */
    --bb-ink-900:#1A120B; --bb-ink-700:#3D3128; --bb-ink-500:#6B5D50;
    --bb-ink-300:#A89A8C; --bb-ink-200:#CFC4B6; --bb-ink-100:#E8E0D5;

    /* — Semantik — */
    --bb-success:#2E7D5B; --bb-error:#C0392B; --bb-warn:#D4A017; --bb-star:#F5A623;

    /* — Yüzeyler / metin rolleri — */
    --bb-surface-dark:var(--bb-cacao-900);
    --bb-surface:var(--bb-ivory-100);
    --bb-surface-2:var(--bb-ivory-200);
    --bb-surface-raised:#ffffff;
    --bb-on-dark:var(--bb-ivory-50);
    --bb-on-dark-dim:rgba(251,247,238,.66);
    --bb-on-light:var(--bb-ink-900);
    --bb-on-light-dim:var(--bb-ink-500);
    --bb-border:rgba(92,42,16,.14);
    --bb-border-gold:rgba(201,162,75,.45);

    /* — Gradyentler (markaya bağlı, rastgele değil) — */
    --bb-grad-hero:radial-gradient(120% 120% at 80% 0%, #3A1A0C 0%, #241008 45%, #160803 100%);
    --bb-grad-cacao:linear-gradient(150deg, var(--bb-cacao-700), var(--bb-cacao-900));
    --bb-grad-teal:linear-gradient(150deg, var(--bb-teal-500), var(--bb-teal-700));
    --bb-grad-gold:linear-gradient(120deg, var(--bb-gold-400), var(--bb-gold-700));
    --bb-grad-ivory:linear-gradient(160deg, var(--bb-ivory-50), var(--bb-ivory-200));
    --bb-grad-sheen:linear-gradient(115deg, transparent 30%, rgba(255,255,255,.35) 50%, transparent 70%);

    /* — Tipografi — */
    --bb-font-display:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,sans-serif;
    --bb-font-body:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,sans-serif;
    --bb-fw-display:800;
    --bb-display-xl:clamp(64px,9vw,124px);
    --bb-display-l:clamp(46px,6vw,82px);
    --bb-display-m:clamp(34px,4.5vw,56px);
    --bb-display-s:clamp(26px,3vw,38px);
    --bb-text-xl:20px; --bb-text-l:18px; --bb-text-m:16px; --bb-text-s:14px; --bb-text-xs:12px;
    --bb-lh-tight:1.02; --bb-lh-snug:1.28; --bb-lh-body:1.65;
    --bb-ls-display:-0.022em; --bb-ls-label:0.16em;

    /* — Spacing (8px taban) — */
    --bb-1:4px; --bb-2:8px; --bb-3:12px; --bb-4:16px; --bb-5:24px; --bb-6:32px;
    --bb-7:48px; --bb-8:64px; --bb-9:96px; --bb-10:128px;
    --bb-pad-x:clamp(18px,5vw,72px);
    --bb-pad-y:clamp(56px,8vh,118px);
    --bb-container:1280px;

    /* — Radius — */
    --bb-r-sm:8px; --bb-r-md:12px; --bb-r-lg:16px; --bb-r-xl:22px; --bb-r-2xl:30px; --bb-r-pill:999px;

    /* — Elevation (sıcak tonlu, katmanlı — lüks yumuşaklık) — */
    --bb-e1:0 1px 2px rgba(46,20,6,.06), 0 2px 6px rgba(46,20,6,.05);
    --bb-e2:0 4px 12px rgba(46,20,6,.08), 0 8px 24px rgba(46,20,6,.06);
    --bb-e3:0 10px 32px rgba(46,20,6,.12), 0 20px 50px rgba(46,20,6,.09);
    --bb-e4:0 24px 70px rgba(46,20,6,.20);
    --bb-glow-teal:0 8px 30px rgba(63,180,180,.40);
    --bb-glow-gold:0 6px 22px rgba(201,162,75,.38);

    /* — Motion (TÜM animasyonlar bu token'ları kullanır) — */
    --bb-dur-instant:120ms; --bb-dur-fast:200ms; --bb-dur-base:320ms;
    --bb-dur-slow:520ms; --bb-dur-cine:820ms;
    --bb-ease-standard:cubic-bezier(0.22,1,0.36,1);
    --bb-ease-emphasized:cubic-bezier(0.34,1.56,0.64,1);
    --bb-ease-exit:cubic-bezier(0.4,0,1,1);

    /* — z-index ölçeği — */
    --bb-z-nav:1000; --bb-z-overlay:9000; --bb-z-panel:10001; --bb-z-toast:11000; --bb-z-chatbot:9999;
  }
}