/* Guclusoft — tasarim tokenlari. Sitedeki TEK ham hex kaynagi.
   Diger CSS dosyalari yalnizca var(--token) kullanir. */

/* Kabuk BILEREK akromatik: gri hicbir oyunun rengiyle kavga etmez. Oyun rengi
   (saha yesili + altin) yalnizca oyunla ilgili alanlarda gorunur, boylece yarin
   cikacak farkli renkli bir oyun kabugu degistirmek zorunda birakmiyor. */

:root {
    /* Kabuk */
    --bg: #0A0C0F;
    --panel: #13171C;
    --panel-lit: #191E25;
    --line: rgba(255, 255, 255, .10);
    --line-strong: rgba(255, 255, 255, .20);

    /* Metin — --bg uzerinde olculdu: ink1 17.4, ink2 7.1, ink3 3.1.
       DIKKAT: --ink3 4.5 esiginin ALTINDA. Yalnizca etiket ve dekoratif
       metinde kullanilir, govde metninde ASLA. */
    --ink1: #F3F5F7;
    --ink2: #98A1AC;
    --ink3: #5C646E;

    /* Canli — rozet, vurgu, etkin baglanti */
    --live: #6EE7A0;

    /* Oyun rengi: yalnizca Phenomenon Soccer alanlarinda */
    --pitch-deep: #06301A;
    --pitch: #0C5228;
    --pitch-lit: #126030;
    --turf: #1C8F47;
    --turf-lit: #35CC6E;
    --gold: #F0C33C;

    /* Katman renkleri — oyunun kendi degerleri */
    --tier-rare: #4A90D9;
    --tier-epic: #9B5DE5;
    --tier-supreme: #E0524E;
    --tier-legendary: #F0C33C;
    --tier-ink: #08120C;

    /* Tipografi */
    --font-sans: 'Outfit', 'Segoe UI', Roboto, system-ui, sans-serif;
    --fw-body: 400;
    --fw-medium: 500;
    --fw-label: 600;
    --fw-bold: 700;
    --fw-brand: 800;

    /* Aralik */
    --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
    --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 72px;

    /* Geometri */
    --r-sm: 4px; --r-md: 8px; --r-lg: 14px;
    --olcu: 1120px;

    /* Hareket */
    --dur: 160ms;
    --ease: cubic-bezier(.2, .8, .2, 1);
}

@media (prefers-reduced-motion: reduce) {
    :root { --dur: 0ms; }
}