/* TEMALAR */
:root {
  --bg: #0F1117;
  --bg2: rgba(255,255,255,0.03);
  --border: rgba(255,255,255,0.08);
  --border2: rgba(255,255,255,0.06);
  --text: #E2E8F0;
  --text2: #CBD5E1;
  --text3: #475569;
  --text4: #334155;
  --hdr-bg: linear-gradient(135deg,#1a1f2e 0%,#12161f 100%);
  --hdr-border: rgba(255,255,255,0.06);
  --card-bg: rgba(255,255,255,0.03);
  --input-bg: rgba(255,255,255,0.04);
  --input-border: rgba(255,255,255,0.1);
  --upload-bg: rgba(99,102,241,0.03);
  --upload-border: rgba(255,255,255,0.1);
  --tab-bg: rgba(255,255,255,0.04);
  --tab-border: rgba(255,255,255,0.08);
  --thead-bg: rgba(255,255,255,0.02);
  --row-hover: rgba(255,255,255,0.02);
  --row-border: rgba(255,255,255,0.04);
  --price-color: #818cf8;
  --marka-color: #E2E8F0;
  --tarih-color: #475569;
  --arasinda-color: #334155;
  --badge-bg: rgba(99,102,241,0.15);
  --badge-color: #818cf8;
  --badge-border: rgba(99,102,241,0.2);
  --figma-panel-bg: rgba(99,102,241,0.07);
  --figma-panel-border: rgba(129,140,248,0.22);
  --figma-panel-shadow: rgba(99,102,241,0.10);
  --figma-chip-ok-bg: rgba(99,102,241,0.11);
  --figma-chip-ok-border: rgba(129,140,248,0.24);
  --figma-chip-ok-label: #a5b4fc;
  --figma-chip-warn-bg: rgba(236,72,153,0.08);
  --figma-chip-warn-border: rgba(236,72,153,0.22);
  --figma-chip-warn-label: #f9a8d4;
  --figma-score-ok: #8bdebd;
  --figma-score-mid: #c4b5fd;
  --figma-score-bad: #f0a8c8;
  --shadow: 0 1px 3px rgba(0,0,0,0.3);
}

[data-tema="gunduz"] {
  --bg: #F4F6F9;
  --bg2: #ffffff;
  --border: #E2E8F0;
  --border2: #F1F5F9;
  --text: #1C2B3A;
  --text2: #334155;
  --text3: #64748B;
  --text4: #94A3B8;
  --hdr-bg: linear-gradient(135deg,#1C2B3A 0%,#253545 100%);
  --hdr-border: rgba(0,0,0,0.1);
  --card-bg: #ffffff;
  --input-bg: #F8FAFC;
  --input-border: #E2E8F0;
  --upload-bg: #F8FAFC;
  --upload-border: #CBD5E1;
  --tab-bg: #F1F5F9;
  --tab-border: #E2E8F0;
  --thead-bg: #F8FAFC;
  --row-hover: #F8FAFC;
  --row-border: #F1F5F9;
  --price-color: #4F46E5;
  --marka-color: #1C2B3A;
  --tarih-color: #475569;
  --arasinda-color: #94A3B8;
  --badge-bg: #EEF2FF;
  --badge-color: #4F46E5;
  --badge-border: #C7D2FE;
  --figma-panel-bg: #FFFFFF;
  --figma-panel-border: #D9E4EE;
  --figma-panel-shadow: rgba(15,23,42,0.06);
  --figma-chip-ok-bg: #FFFFFF;
  --figma-chip-ok-border: #D8E2EC;
  --figma-chip-ok-label: #475569;
  --figma-chip-warn-bg: #FFF7ED;
  --figma-chip-warn-border: #FED7AA;
  --figma-chip-warn-label: #C2410C;
  --figma-score-ok: #059669;
  --figma-score-mid: #7C3AED;
  --figma-score-bad: #D97706;
  --shadow: 0 1px 3px rgba(0,0,0,0.08);
}

[data-tema="goz"] {
  --bg: #1A1608;
  --bg2: rgba(255,240,180,0.04);
  --border: rgba(255,220,120,0.12);
  --border2: rgba(255,220,120,0.07);
  --text: #F5E6C0;
  --text2: #E8D5A0;
  --text3: #8A7A50;
  --text4: #5A4A30;
  --hdr-bg: linear-gradient(135deg,#1a1500 0%,#120f00 100%);
  --hdr-border: rgba(255,220,120,0.1);
  --card-bg: rgba(255,240,180,0.03);
  --input-bg: rgba(255,240,180,0.05);
  --input-border: rgba(255,220,120,0.15);
  --upload-bg: rgba(255,220,100,0.03);
  --upload-border: rgba(255,220,120,0.15);
  --tab-bg: rgba(255,240,180,0.05);
  --tab-border: rgba(255,220,120,0.12);
  --thead-bg: rgba(255,240,180,0.03);
  --row-hover: rgba(255,240,180,0.03);
  --row-border: rgba(255,220,120,0.06);
  --price-color: #F0B429;
  --marka-color: #F5E6C0;
  --tarih-color: #8A7A50;
  --arasinda-color: #5A4A30;
  --badge-bg: rgba(240,180,40,0.12);
  --badge-color: #F0B429;
  --badge-border: rgba(240,180,40,0.25);
  --figma-panel-bg: rgba(240,180,40,0.07);
  --figma-panel-border: rgba(240,180,40,0.22);
  --figma-panel-shadow: rgba(0,0,0,0.18);
  --figma-chip-ok-bg: rgba(240,180,40,0.10);
  --figma-chip-ok-border: rgba(240,180,40,0.24);
  --figma-chip-ok-label: #F0B429;
  --figma-chip-warn-bg: rgba(190,90,60,0.12);
  --figma-chip-warn-border: rgba(190,90,60,0.26);
  --figma-chip-warn-label: #E9A36D;
  --figma-score-ok: #D9B85C;
  --figma-score-mid: #F0B429;
  --figma-score-bad: #E9A36D;
  --shadow: 0 1px 3px rgba(0,0,0,0.4);
}

[data-tema="graphite"] {
  --bg: #141414;
  --bg2: #1F1F1F;
  --border: #333333;
  --border2: #2A2A2A;
  --text: #F4F4F5;
  --text2: #D4D4D8;
  --text3: #A1A1AA;
  --text4: #71717A;
  --hdr-bg: #151515;
  --hdr-border: #2B2B2B;
  --card-bg: #242424;
  --input-bg: #181818;
  --input-border: #3A3A3A;
  --upload-bg: #202020;
  --upload-border: #383838;
  --tab-bg: #242424;
  --tab-border: #383838;
  --thead-bg: #1D1D1D;
  --row-hover: #2A2A2A;
  --row-border: #303030;
  --price-color: #A78BFA;
  --marka-color: #F4F4F5;
  --tarih-color: #A1A1AA;
  --arasinda-color: #71717A;
  --badge-bg: rgba(167,139,250,0.14);
  --badge-color: #C4B5FD;
  --badge-border: rgba(167,139,250,0.24);
  --figma-panel-bg: #202020;
  --figma-panel-border: #353535;
  --figma-panel-shadow: rgba(0,0,0,0.28);
  --figma-chip-ok-bg: #252525;
  --figma-chip-ok-border: #3A3A3A;
  --figma-chip-ok-label: #D4D4D8;
  --figma-chip-warn-bg: rgba(245,158,11,0.10);
  --figma-chip-warn-border: rgba(245,158,11,0.24);
  --figma-chip-warn-label: #FBBF24;
  --figma-score-ok: #86EFAC;
  --figma-score-mid: #C4B5FD;
  --figma-score-bad: #FBBF24;
  --shadow: 0 14px 34px rgba(0,0,0,0.34);
}