/* ============================================================
   ERCEY — Design Tokens  (docs/04-ui-sistemi.md'den üretildi)
   Tek CSS, üç tema: çatı (platin) / brands (amber) / software (mor-siyan)
   ============================================================ */

:root {
  /* --- Çekirdek nötrler (dark taban) --- */
  --bg-900:#05060A; --bg-800:#0A0C12; --bg-700:#11141C;
  --bg-600:#181C26; --line:#232734;
  --text-0:#F5F7FA; --text-1:#B6BECC; --text-2:#6E7686;

  /* --- Marka aksanları (gerçek logo renklerinden örneklendi) --- */
  --navy-1:#223A50; --navy-2:#3A6B97;          /* logo lacivert/çelik */
  --commerce-accent:#E8ECF2; --commerce-glow:rgba(232,236,242,.22);
  /* Brands — gerçek altın: kaynak #BC8B3E→#DBAC56, dark UI için ışıltılı */
  --brands-1:#D8A24A; --brands-2:#F2CE85;
  --brands-grad:linear-gradient(135deg,#D8A24A 0%,#F2CE85 100%);
  --brands-glow:rgba(216,162,74,.35);
  /* Software — teknoloji azur (lacivert kaynaktan türetilmiş, çatıdan ayrışır) */
  --soft-1:#2E84CC; --soft-2:#56C8EC;
  --soft-grad:linear-gradient(135deg,#2E84CC 0%,#56C8EC 100%);
  --soft-glow:rgba(46,132,204,.38);

  /* --- İki gücü birleştiren harman (Brands altın → Software mavi) --- */
  --duo-grad:linear-gradient(100deg,#F2CE85 0%,#E7B45C 28%,#9CC8E0 62%,#56C8EC 100%);

  /* --- Durum --- */
  --success:#34D399; --warning:#FBBF24; --error:#F87171; --info:#60A5FA;

  /* --- Aktif aksan (tema ile override) --- */
  --accent-1:var(--commerce-accent);
  --accent-2:var(--commerce-accent);
  --accent-grad:linear-gradient(135deg,#E8ECF2 0%,#B6BECC 100%);
  --accent-glow:var(--commerce-glow);

  /* --- Tipografi --- */
  --font-display:"Clash Display","Space Grotesk",system-ui,sans-serif;
  --font-body:"General Sans","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"General Sans","Inter",ui-sans-serif,sans-serif;
  --fs-display:clamp(2.75rem,6vw,6rem);
  --fs-h1:clamp(2.25rem,4vw,3.75rem);
  --fs-h2:clamp(1.75rem,3vw,2.75rem);
  --fs-h3:clamp(1.35rem,2vw,1.75rem);
  --fs-lead:clamp(1.1rem,1.4vw,1.375rem);
  --fs-body:1rem; --fs-small:.875rem;
  --lh-tight:1.08; --lh-normal:1.6; --tracking-display:-.02em;

  /* --- Boşluk / ızgara --- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px;
  --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px; --sp-10:128px; --sp-11:160px;
  --container:1280px; --container-wide:1480px; --gutter:clamp(20px,5vw,80px);

  /* --- Yüzey / cam --- */
  --radius-sm:10px; --radius:16px; --radius-lg:24px; --radius-xl:32px;
  --glass-bg:rgba(255,255,255,.04); --glass-border:rgba(255,255,255,.08); --glass-blur:18px;
  --shadow-1:0 2px 8px rgba(0,0,0,.4);
  --shadow-2:0 12px 40px rgba(0,0,0,.5);

  /* --- Hareket --- */
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-inout:cubic-bezier(.65,0,.35,1);
  --dur-fast:180ms; --dur:320ms; --dur-slow:600ms; --dur-reveal:900ms;
}

/* Marka evrenleri: kapsayıcıya data-theme verilince aksanlar değişir */
[data-theme="brands"]{
  --accent-1:var(--brands-1); --accent-2:var(--brands-2);
  --accent-grad:var(--brands-grad); --accent-glow:var(--brands-glow);
}
[data-theme="software"]{
  --accent-1:var(--soft-1); --accent-2:var(--soft-2);
  --accent-grad:var(--soft-grad); --accent-glow:var(--soft-glow);
}
[data-theme="duo"]{
  --accent-1:#9CC8E0; --accent-2:#56C8EC;
  --accent-grad:var(--duo-grad); --accent-glow:rgba(86,200,236,.32);
}

@media (prefers-reduced-motion:reduce){
  :root{ --dur-fast:1ms; --dur:1ms; --dur-slow:1ms; --dur-reveal:1ms; }
  *{ animation-duration:.001ms !important; animation-iteration-count:1 !important;
     scroll-behavior:auto !important; }
}