/* =====================================================================
   CSPULSE — Tasarim jetonlari (design tokens)
   Tum renk, tipografi ve bosluk degerleri BURADA tanimlanir.
   Baska hicbir dosyada duz hex kodu kullanmayin.
   ===================================================================== */

:root {
  /* ---- Yuzeyler ---------------------------------------------------- */
  --bg:            #0B0F14;
  --bg-elevated:   #10151C;
  --surface:       #141A22;
  --surface-2:     #1A222C;
  --surface-3:     #212B37;
  --overlay:       rgba(8, 11, 15, .72);

  /* ---- Cizgiler ---------------------------------------------------- */
  --line:          #232E3C;
  --line-soft:     #1B242F;
  --line-strong:   #33415380;

  /* ---- Metin ------------------------------------------------------- */
  --ink:           #E9EFF7;
  --ink-2:         #9FB0C4;
  --ink-3:         #64748B;
  --ink-inverse:   #0B0F14;

  /* ---- Etkilesim --------------------------------------------------- */
  --signal:        #4DA3FF;
  --signal-dim:    #2B6FC4;
  --signal-wash:   rgba(77, 163, 255, .12);
  --focus-ring:    rgba(77, 163, 255, .55);

  /* ---- GUVEN SPEKTRUMU (sitenin imza rengi) ------------------------ */
  --verdict-clean:   #2FD98D;
  --verdict-solid:   #8FD14F;
  --verdict-watch:   #F5C242;
  --verdict-suspect: #FF8A3D;
  --verdict-flag:    #FF4D5E;

  --spectrum: linear-gradient(90deg,
      var(--verdict-flag) 0%,
      var(--verdict-suspect) 26%,
      var(--verdict-watch) 50%,
      var(--verdict-solid) 74%,
      var(--verdict-clean) 100%);

  /* ---- Durum ------------------------------------------------------- */
  --danger:        #FF4D5E;
  --danger-wash:   rgba(255, 77, 94, .12);
  --warn:          #F5C242;
  --warn-wash:     rgba(245, 194, 66, .12);
  --ok:            #2FD98D;
  --ok-wash:       rgba(47, 217, 141, .12);

  /* ---- Tipografi --------------------------------------------------- */
  --font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --font-body:    "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono:    "JetBrains Mono", "SF Mono", Consolas, monospace;

  --fs-3xs: 10px;
  --fs-2xs: 11px;
  --fs-xs:  12px;
  --fs-sm:  13px;
  --fs-md:  15px;
  --fs-lg:  18px;
  --fs-xl:  22px;
  --fs-2xl: 28px;
  --fs-3xl: 38px;
  --fs-4xl: 52px;
  --fs-5xl: 72px;

  --lh-tight:  1.15;
  --lh-snug:   1.35;
  --lh-normal: 1.6;

  --track-label: .14em;   /* mono etiketlerin harf araligi */

  /* ---- Bosluk (4px tabanli) ---------------------------------------- */
  --s-1:  4px;
  --s-2:  8px;
  --s-3:  12px;
  --s-4:  16px;
  --s-5:  20px;
  --s-6:  24px;
  --s-8:  32px;
  --s-10: 40px;
  --s-12: 48px;
  --s-16: 64px;
  --s-20: 80px;

  /* ---- Kose ve golge ----------------------------------------------- */
  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   14px;
  --r-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(0,0,0,.4);
  --shadow-md: 0 4px 16px rgba(0,0,0,.35);
  --shadow-lg: 0 16px 48px rgba(0,0,0,.5);

  /* ---- Duzen ------------------------------------------------------- */
  --shell:      1340px;
  --shell-slim: 780px;
  --header-h:   60px;
  --rail-w:     300px;
  --gutter:     var(--s-6);

  /* ---- Hareket ----------------------------------------------------- */
  --ease:      cubic-bezier(.2, .7, .3, 1);
  --dur-fast:  120ms;
  --dur:       220ms;
  --dur-slow:  420ms;

  --z-header: 100;
  --z-modal:  400;
  --z-toast:  500;
}

/* Acik tema — ileride bir anahtar ile devreye alinabilir */
[data-theme="light"] {
  --bg:          #F6F8FB;
  --bg-elevated: #FFFFFF;
  --surface:     #FFFFFF;
  --surface-2:   #F1F4F9;
  --surface-3:   #E6EBF2;
  --line:        #DDE4EC;
  --line-soft:   #EAEFF5;
  --ink:         #10151C;
  --ink-2:       #4A5768;
  --ink-3:       #7A8798;
  --ink-inverse: #FFFFFF;
  --overlay:     rgba(246, 248, 251, .8);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ---------------------------------------------------------------------
   FACEIT ve SIRALAMA RENKLERI
   FACEIT seviyeleri ve CS2 Premier kademelerinin resmi renk kodlari.
   --------------------------------------------------------------------- */
:root {
  --faceit-1:  #EEEEEE;
  --faceit-2:  #1CE400;
  --faceit-4:  #FFC800;
  --faceit-6:  #FF6309;
  --faceit-8:  #FE1F00;
  --faceit-10: #FE1F00;
  --faceit-brand: #FF5500;

  --rank-grey:      #8A96A3;
  --rank-lightblue: #6DC0F5;
  --rank-blue:      #4B69FF;
  --rank-purple:    #8847FF;
  --rank-pink:      #D32CE6;
  --rank-red:       #EB4B4B;
  --rank-gold:      #FFD700;
}

/* ---------------------------------------------------------------------
   HARITA PALETLERI
   Her haritanin karakteristik iki tonu. Harita gorseli yoksa kart
   arka planinda gradyan olarak kullanilir; gorsel varsa uzerine
   ayni tonda ince bir renk yikamasi biner.
   --------------------------------------------------------------------- */
:root {
  --map-dust2-a:    #C7913E;  --map-dust2-b:    #6B4A1E;
  --map-mirage-a:   #C9A15A;  --map-mirage-b:   #4E6B6E;
  --map-inferno-a:  #E2704A;  --map-inferno-b:  #6E2A1C;
  --map-nuke-a:     #5E7A8A;  --map-nuke-b:     #26343E;
  --map-train-a:    #4E6378;  --map-train-b:    #1F2B36;
  --map-vertigo-a:  #7FA6C4;  --map-vertigo-b:  #35485A;
  --map-ancient-a:  #5E8A5E;  --map-ancient-b:  #27402C;
  --map-anubis-a:   #D4AF6A;  --map-anubis-b:   #2A5F66;
  --map-overpass-a: #6E8A50;  --map-overpass-b: #2E3B26;
  --map-office-a:   #8A9AA8;  --map-office-b:   #36414C;
  --map-italy-a:    #A85E4A;  --map-italy-b:    #42532F;
}