/* Ortak tema. Canlı yayın (yayin.css) ve ayrıntılı panel (panel.css) bu tokenları kullanır. */
:root {
  /* Gündüz: porselen ve mürekkep */
  --porcelain: #F6F6F3;
  --white: #FFFFFF;
  --ink: #202529;
  --ink-2: #4A555B;      /* küçük ikincil metin; #849095'ten daha okunur */
  --muted: #849095;
  --steel: #5C788C;
  --pale: #EAF0F4;
  --line: #DDE1DF;
  --pos: #39705B;
  --neg: #A65A4D;

  /* Gece: yayın yüzeyleri */
  --night: #0E1418;
  --petrol: #15353C;
  --slate: #1C262C;
  --rule: rgba(242, 244, 239, .12);
  --ice: #B8DCE8;
  --ivory: #F2F4EF;
  --ivory-2: #9DAEB5;
  --pos-d: #80D5B1;
  --neg-d: #ED927F;

  /* Veri sırası: çelik mavisinin açıktan koyuya tonları */
  --c1: #B8DCE8; --c2: #8FB3C4; --c3: #5C788C; --c4: #46606F; --c5: #F2F4EF; --c6: #9DAEB5; --c7: #33495A;

  /* Karo yüzeyleri: yayın duvarı ve panelin karo bandı aynı beş rengi kullanır */
  --s-night: #0E1418;
  --s-petrol: #1D4A53;
  --s-steel: #5C788C;
  --s-ice: #B8DCE8;
  --s-ivory: #F2F4EF;
  --s-coral: #1D4A53;   /* sakin temada yok; canlı temada mercan */

  --font: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --ease-scene: cubic-bezier(.22, 1, .36, 1);
}

/* Canlı tema: aynı karo dili, doygun renkler. Kobalt gece, zümrüt, elektrik mavisi, güneş sarısı, mercan.
   Açık yüzeyler (güneş sarısı, krem) koyu yazıyla; diğerleri beyaz yazıyla okunur. */
:root[data-tema='canli'] {
  --porcelain: #F4F5FA;
  --ink: #111633;
  --ink-2: #444C6E;
  --muted: #7C84A3;
  --steel: #2F5BFF;
  --pale: #E9EEFF;
  --line: #DFE2EE;
  --pos: #0B9467;
  --neg: #E2422F;

  --night: #0A1438;
  --petrol: #0E2A6E;
  --slate: #15204A;
  --rule: rgba(255, 255, 255, .14);
  --ice: #3DD6FF;
  --ivory: #FFFFFF;
  --ivory-2: #A8B3DC;
  --pos-d: #45E6A6;
  --neg-d: #FF8C7A;

  --s-night: #0A1438;
  --s-petrol: #00A07F;
  --s-steel: #2F5BFF;
  --s-ice: #FFC42E;
  --s-ivory: #FFF3E3;
  --s-coral: #FF4B3A;
}

.num, .tnum { font-variant-numeric: tabular-nums; }

.live-dot { display: inline-block; width: .5em; height: .5em; border-radius: 50%; background: var(--pos-d); }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }