/* ==========================================================================
   ROBOTBURDA DESIGN SYSTEM — TOKENS
   Tek kaynak: renk, tipografi, spacing, radius, z-index, geçiş süreleri.
   Bileşenler yalnızca bu değişkenleri kullanır; ham değer yazılmaz.
   ========================================================================== */

:root {
  /* ---------- Renk: zemin & yüzeyler (kırık beyaz / sıcak gri) ---------- */
  --c-bg:            #F6F5F2;
  --c-bg-2:          #EFEDE8;
  --c-surface:       #FFFFFF;
  --c-surface-2:     #FBFAF8;

  /* ---------- Renk: mürekkep (graphite) ---------- */
  --c-ink:           #0D0F12;
  --c-ink-2:         #2E3238;
  --c-ink-3:         #5F6570;
  --c-ink-4:         #8B919B;

  /* ---------- Renk: çizgiler ---------- */
  --c-line:          #E3E0D9;
  --c-line-strong:   #CBC7BE;
  --c-line-soft:     #ECEAE4;

  /* ---------- Renk: marka accent (logodan: #ED683B) ---------- */
  --c-accent:        #ED683B;
  --c-accent-hover:  #D9572C;
  --c-accent-active: #C34A22;
  --c-accent-ink:    #B5431B;   /* açık zemin üzerinde metin için kontrast sürümü */
  --c-accent-soft:   #FDEDE6;
  --c-accent-glow:   rgba(237, 104, 59, .22);

  /* ---------- Renk: durumlar ---------- */
  --c-success:       #2B8A5B;
  --c-success-soft:  #E6F4EC;
  --c-warning:       #B7791F;
  --c-warning-soft:  #FBF3E2;
  --c-error:         #C2412F;
  --c-error-soft:    #FBE9E6;
  --c-info:          #3B5B8C;
  --c-info-soft:     #E8EEF7;

  /* ---------- Renk: koyu (graphite) bölümler ---------- */
  --c-dark:          #0D0F12;
  --c-dark-2:        #15181D;
  --c-dark-3:        #1E2228;
  --c-dark-line:     rgba(255, 255, 255, .08);
  --c-dark-line-2:   rgba(255, 255, 255, .14);
  --c-dark-ink:      #F4F3F0;
  --c-dark-ink-2:    #B7BBC2;
  --c-dark-ink-3:    #7E848E;

  /* ---------- Harita dili (route / node / grid) ---------- */
  --c-route:         rgba(13, 15, 18, .18);
  --c-route-strong:  rgba(13, 15, 18, .42);
  --c-grid-dot:      rgba(13, 15, 18, .10);
  --c-route-dark:    rgba(255, 255, 255, .14);
  --c-grid-dot-dark: rgba(255, 255, 255, .08);

  /* ---------- Tipografi ---------- */
  --ff-sans: "Geist", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ff-mono: "Geist Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

  --fs-display:  clamp(2.5rem, 1.4rem + 4.6vw, 5.5rem);      /* 40 → 88 */
  --fs-h1:       clamp(2.25rem, 1.3rem + 3.6vw, 4.5rem);      /* 36 → 72 */
  --fs-h2:       clamp(1.875rem, 1.15rem + 2.8vw, 3.625rem);  /* 30 → 58 */
  --fs-h3:       clamp(1.375rem, 1.05rem + 1.3vw, 2.125rem);  /* 22 → 34 */
  --fs-h4:       clamp(1.125rem, 1rem + .7vw, 1.5rem);        /* 18 → 24 */
  --fs-lead:     clamp(1.125rem, 1rem + .6vw, 1.4375rem);     /* 18 → 23 */
  --fs-body:     1.0625rem;                                  /* 17 → 18 (≥992) */
  --fs-body-sm:  .9375rem;                                   /* 15 → 16 (≥992) */
  --fs-caption:  .8125rem;                                   /* 13 → 14 (≥992) */
  --fs-mono:     .75rem;                                     /* 12 */

  --lh-tight:    1.05;
  --lh-snug:     1.2;
  --lh-normal:   1.55;
  --lh-relaxed:  1.7;

  --ls-tight:   -0.025em;
  --ls-snug:    -0.015em;
  --ls-wide:     0.08em;
  --ls-mono:     0.06em;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semibold: 600;

  /* ---------- Spacing (4pt) ---------- */
  --sp-1:  .25rem;
  --sp-2:  .5rem;
  --sp-3:  .75rem;
  --sp-4:  1rem;
  --sp-5:  1.25rem;
  --sp-6:  1.5rem;
  --sp-7:  2rem;
  --sp-8:  2.5rem;
  --sp-9:  3rem;
  --sp-10: 4rem;
  --sp-11: 5rem;
  --sp-12: 6rem;
  --sp-13: 8rem;

  --section-y: clamp(4rem, 3rem + 5vw, 8rem);
  --section-y-sm: clamp(3rem, 2rem + 3vw, 5rem);

  /* ---------- Container ---------- */
  --container-max:    1280px;
  --container-wide:   1440px;
  --container-narrow: 880px;
  --container-prose:  760px;
  --gutter: clamp(1rem, .5rem + 2.2vw, 3rem);   /* 16 → 48 */

  /* ---------- Radius ---------- */
  --r-xs:   4px;
  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   14px;
  --r-xl:   20px;
  --r-pill: 999px;

  /* ---------- Border ---------- */
  --bw: 1px;

  /* ---------- Gölgeler (çok ölçülü) ---------- */
  --shadow-xs: 0 1px 2px rgba(13, 15, 18, .04);
  --shadow-sm: 0 1px 2px rgba(13, 15, 18, .04), 0 4px 12px rgba(13, 15, 18, .04);
  --shadow-md: 0 2px 6px rgba(13, 15, 18, .05), 0 12px 32px rgba(13, 15, 18, .06);
  --shadow-focus: 0 0 0 3px rgba(237, 104, 59, .28);

  /* ---------- Geçişler ---------- */
  --ease-out:   cubic-bezier(.22, .61, .36, 1);
  --ease-inout: cubic-bezier(.65, 0, .35, 1);
  --ease-spring: cubic-bezier(.34, 1.3, .64, 1);
  --dur-fast:  140ms;
  --dur-base:  220ms;
  --dur-slow:  420ms;
  --dur-draw:  1400ms;

  /* ---------- Z-index ---------- */
  --z-base:     0;
  --z-raised:   10;
  --z-sticky:   100;
  --z-header:   500;
  --z-overlay:  800;
  --z-nav:      900;
  --z-modal:    1000;
  --z-toast:    1100;

  /* ---------- Bileşen ölçüleri ---------- */
  --header-h:        80px;
  --header-h-scrolled: 64px;
  --touch:           44px;
  --bottombar-h:     64px;
  --control-h:       48px;
  --control-h-sm:    40px;
  --control-h-lg:    56px;
}

/* Koyu yüzeyler: aynı semantik isimleri yeniden tanımlar.
   .theme-dark eklenen her blok otomatik olarak koyu tokenlara geçer. */
.theme-dark {
  --c-bg:          var(--c-dark);
  --c-bg-2:        var(--c-dark-2);
  --c-surface:     var(--c-dark-2);
  --c-surface-2:   var(--c-dark-3);
  --c-ink:         var(--c-dark-ink);
  --c-ink-2:       #D9DCE1;
  --c-ink-3:       var(--c-dark-ink-2);
  --c-ink-4:       var(--c-dark-ink-3);
  --c-line:        var(--c-dark-line);
  --c-line-strong: var(--c-dark-line-2);
  --c-line-soft:   rgba(255,255,255,.05);
  --c-route:       var(--c-route-dark);
  --c-route-strong: rgba(255,255,255,.32);
  --c-grid-dot:    var(--c-grid-dot-dark);
  --c-accent-ink:  #F08A64;
  --c-accent-soft: rgba(237,104,59,.12);
  --shadow-sm: none;
  --shadow-md: none;
  color-scheme: dark;
}

/* Masaüstünde gövde metni bir kademe büyür (editorial ölçek) */
@media (min-width: 992px) {
  :root { --fs-body: 1.125rem; --fs-body-sm: 1.0625rem; --fs-caption: .9375rem; --fs-mono: .8125rem; }
}