/* 3·his — tema değişkenleri. Koyu tema varsayılandır (tasarımın aslı);
   açık tema html[data-theme="light"] ile devreye girer. */
:root {
  --bg: #0A0D11;
  --panel: #10151B;
  --panel2: #0C1015;
  --panel3: #161D25;
  --panel4: #131A21;
  --panel5: #1A222C;
  --panel6: #1C242E;
  --panel7: #232C36;
  --panel8: #0B0E12;
  --hov: #151C24;
  --hov2: #232D38;
  --line: #1E252E;
  --line2: #26303A;
  --line3: #2E3946;
  --line4: #39434F;
  --t1: #E9EDF2;
  --t1b: #E4E9EF;
  --t2: #A7AFBA;
  --t2b: #9BA6B3;
  --t3: #8A93A0;
  --t4: #6E7885;
  --hi: #FFFFFF;
  --red: #F0442E;
  --red-t: #F0442E;
  --red2: #FF6A52;
  --red2-t: #FF6A52;
  --redbtn: #CC2E1A;
  --onred: #FFF3F0;
  --veil88: rgba(10, 13, 17, 0.88);
  --veil78: rgba(10, 13, 17, 0.78);
  --veil60: rgba(10, 13, 17, 0.6);
  --veil55: rgba(10, 13, 17, 0.55);
  --shadow: rgba(0, 0, 0, 0.55);
}

html[data-theme="light"] {
  --bg: #F4F5F7;
  --panel: #FFFFFF;
  --panel2: #EDF0F3;
  --panel3: #E9EDF1;
  --panel4: #EBEEF2;
  --panel5: #E4E9EE;
  --panel6: #E2E7EC;
  --panel7: #DCE2E8;
  --panel8: #F1F3F5;
  --hov: #E8ECF0;
  --hov2: #DEE4EA;
  --line: #DAE0E6;
  --line2: #C9D2DB;
  --line3: #B8C3CE;
  --line4: #A7B3BF;
  --t1: #10151B;
  --t1b: #171E26;
  --t2: #3F4A56;
  --t2b: #4B5662;
  --t3: #5A6572;
  --t4: #66717E;
  --hi: #0A0D11;
  --red: #F0442E;
  --red-t: #C22B12;
  --red2: #FF6A52;
  --red2-t: #B02508;
  --redbtn: #CC2E1A;
  --onred: #FFF3F0;
  --veil88: rgba(244, 245, 247, 0.9);
  --veil78: rgba(244, 245, 247, 0.85);
  --veil60: rgba(244, 245, 247, 0.6);
  --veil55: rgba(244, 245, 247, 0.55);
  --shadow: rgba(15, 23, 32, 0.16);
}

/* SVG işaretleri (logo halkası vb.) — nitelik seçicisiyle temaya uyar */
html[data-theme="light"] svg [stroke="#E9EDF2"] { stroke: #10151B; }

/* Tema düğmesi: iki simge, temaya göre biri görünür */
[data-theme-toggle] .t-sun { display: none; }
html[data-theme="light"] [data-theme-toggle] .t-sun { display: block; }
html[data-theme="light"] [data-theme-toggle] .t-moon { display: none; }
[data-theme-toggle]:hover { border-color: var(--red) !important; }

/* Karanlık kalan medya (robot sahnesi, saha plakaları) açık temada çerçeveyle ayrılır */
html[data-theme="light"] iframe[src="/robot.html"] { background: #0A0D11; }