/* Tasarım dili: renkler, yüzeyler, yazı tipleri. Tüm ekranlar (2 kişi, bota karşı, online) bu değişkenleri kullanır. */
:root{
  /* zemin ve taş yüzeyler */
  --bg0:#1a1f4d; --bg1:#232a63; --stone:#2a3170; --stone2:#343c84; --stone-edge:#141838;
  /* altın çerçeve */
  --gold:#F2C14E; --gold-hi:#FFE9A8; --gold-lo:#A86F1C; --gold-ink:#4d2f08;
  /* yönler: Camı Kır (köz) · Camı Güçlendir (buz) */
  --ember:#FF8A3D; --ember-lo:#D2501A; --frost:#86E6FF; --frost-lo:#2A93CC;
  /* takımlar (-dk: açık zeminde koyu işaret, ör. saklı bayrak: lacivert / koyu kırmızı) */
  --blue:#5E9BFF; --blue-lo:#2756D8; --blue-hi:#A9C8FF; --blue-dk:#0E2470;
  --red:#FF5D70; --red-lo:#B81E36; --red-hi:#FFB0BA; --red-dk:#8A0B1F;
  /* zar */
  --ivory:#F8EDD3; --ivory-lo:#D6BF92; --pip:#2B1A10;
  /* metin */
  --text:#F5F2FF; --muted:#AEB3E0; --shadow:rgba(6,8,30,.55);
  /* kristal */
  --crystal:linear-gradient(170deg, rgba(214,248,255,.62) 0%, rgba(140,214,245,.40) 38%, rgba(70,140,215,.46) 72%, rgba(40,80,170,.6) 100%), radial-gradient(120% 80% at 50% 40%, #2a5aa8, #14285e 75%);
  --crystal-solid:linear-gradient(170deg, #b9ecfb 0%, #7cc4ea 40%, #4b86cf 75%, #3361b0 100%);
  /* yazı tipleri */
  --f-display:'Lilita One','Arial Rounded MT Bold','Trebuchet MS',system-ui,sans-serif;
  --f-body:'Nunito','Segoe UI',system-ui,-apple-system,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg0:#0d1130; --bg1:#151a45; --stone:#1f255c; --stone2:#283070; --stone-edge:#0a0d26;
    --muted:#A3A9D8; color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg0:#0d1130; --bg1:#151a45; --stone:#1f255c; --stone2:#283070; --stone-edge:#0a0d26;
  --muted:#A3A9D8; color-scheme:dark;
}

/* takım rengi kapsamı: data-p / data-team taşıyan her öğe --team* alır */
[data-p="0"],[data-team="0"]{--team:var(--blue);--team-lo:var(--blue-lo);--team-hi:var(--blue-hi);--team-dk:var(--blue-dk)}
[data-p="1"],[data-team="1"]{--team:var(--red);--team-lo:var(--red-lo);--team-hi:var(--red-hi);--team-dk:var(--red-dk)}