/**
 * Site renk temaları — html/body[data-theme="..."] ile uygulanır.
 * Semantik tokenlar (--bg-color, --accent, …) + --color-1…15 paleti.
 * Ortak alpha/overlay tokenlar tüm temalarda aynıdır.
 */

/* Ortak yüzey / gölge / overlay — temadan bağımsız */
:root {
    --a-white-03: rgba(255, 255, 255, 0.03);
    --a-white-04: rgba(255, 255, 255, 0.04);
    --a-white-05: rgba(255, 255, 255, 0.05);
    --a-white-06: rgba(255, 255, 255, 0.06);
    --a-white-08: rgba(255, 255, 255, 0.08);
    --a-white-10: rgba(255, 255, 255, 0.1);
    --a-white-14: rgba(255, 255, 255, 0.14);
    --a-white-16: rgba(255, 255, 255, 0.16);
    --a-white-18: rgba(255, 255, 255, 0.18);
    --a-white-22: rgba(255, 255, 255, 0.22);
    --a-white-35: rgba(255, 255, 255, 0.035);
    --a-white-45: rgba(255, 255, 255, 0.45);
    --a-white-60: rgba(255, 255, 255, 0.6);
    --a-white-70: rgba(255, 255, 255, 0.7);
    --a-white-82: rgba(255, 255, 255, 0.82);
    --a-white-85: rgba(255, 255, 255, 0.85);
    --a-black-35: rgba(0, 0, 0, 0.35);
    --a-black-38: rgba(0, 0, 0, 0.38);
    --a-black-45: rgba(0, 0, 0, 0.45);
    --a-black-55: rgba(0, 0, 0, 0.55);
    --a-black-58: rgba(0, 0, 0, 0.58);
    --a-black-62: rgba(0, 0, 0, 0.62);
    --a-black-65: rgba(0, 0, 0, 0.65);
    --a-black-72: rgba(0, 0, 0, 0.72);
    --a-black-82: rgba(0, 0, 0, 0.82);
    --pitch-1: #1a5c34;
    --pitch-2: #14703a;
    --pitch-3: #0f5a2e;
    --tl-info: #38bdf8;
    --tl-yellow: #facc15;
    --tl-red: #ef4444;
}

/* Turuncu — sıcak nötr gri + amber/altın (varsayılan) */
:root,
[data-theme="turuncu"] {
    --color-1: #0a0a0a;
    --color-2: #050505;
    --color-3: rgba(0, 0, 0, 0);
    --color-4: #ffffff;
    --color-5: #161616;
    --color-6: #1c1c1c;
    --color-7: #f59e0b;
    --color-8: rgba(255, 255, 255, 0.1);
    --color-9: #fbbf24;
    --color-10: #2563eb;
    --color-11: #111111;
    --color-12: #2a2a2a;
    --color-13: rgba(239, 68, 68, 0.7);
    --color-14: #1c1c1c;
    --color-15: rgba(255, 255, 255, 0.7);

    --primary: 245, 158, 11;
    --bg-color: var(--color-1);
    --card-bg: var(--color-5);
    --text-primary: #f8fafc;
    --text-secondary: #9ca3af;
    --accent: var(--color-7);
    --accent-hover: #d97706;
    --gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    --brand-red: var(--color-7);
    --brand-red-hover: var(--color-9);
    --brand-red-dark: #b45309;
    --brand-red-mid: #f59e0b;
    --brand-red-soft: #fcd34d;
    --brand-red-pale: #fef3c7;
    --surface-900: var(--color-2);
    --surface-800: var(--color-11);
    --surface-700: var(--color-6);
    --surface-600: var(--color-12);
    --text-on-dark: #f1f5f9;
    --text-light: var(--color-4);
    --text-on-accent: #000000;
    --text-gray: #6b7280;
    --text-muted: #8a9aa6;
    --section-title-color: #5f6b78;
    --success-color: #10b981;
    --danger-color: #ef4444;
    --border-subtle: rgba(255, 255, 255, 0.05);
    --border-soft: var(--color-8);
}

/* Mor */
[data-theme="mor"] {
    --color-1: #0a0b10;
    --color-2: #06070c;
    --color-3: rgba(0, 0, 0, 0);
    --color-4: #ffffff;
    --color-5: #14161e;
    --color-6: #1b1e28;
    --color-7: #8b5cf6;
    --color-8: rgba(139, 92, 246, 0.18);
    --color-9: #fbbf24;
    --color-10: #2563eb;
    --color-11: #0f1118;
    --color-12: #2a2e3a;
    --color-13: rgba(244, 63, 94, 0.7);
    --color-14: #1b1e28;
    --color-15: rgba(255, 255, 255, 0.7);

    --primary: 139, 92, 246;
    --bg-color: var(--color-1);
    --card-bg: var(--color-5);
    --text-primary: #f8fafc;
    --text-secondary: #9aa3b2;
    --accent: var(--color-7);
    --accent-hover: #7c3aed;
    --gradient: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 45%, #f59e0b 100%);
    --brand-red: var(--color-7);
    --brand-red-hover: var(--color-9);
    --brand-red-dark: #5b21b6;
    --brand-red-mid: #7c3aed;
    --brand-red-soft: #fcd34d;
    --brand-red-pale: #fef3c7;
    --surface-900: var(--color-2);
    --surface-800: var(--color-11);
    --surface-700: var(--color-6);
    --surface-600: var(--color-12);
    --text-on-dark: #f1f5f9;
    --text-light: var(--color-4);
    --text-on-accent: #ffffff;
    --text-gray: #6b7280;
    --text-muted: #8a93a3;
    --section-title-color: #5c6575;
    --success-color: #14b8a6;
    --danger-color: #f43f5e;
    --border-subtle: rgba(154, 163, 178, 0.08);
    --border-soft: var(--color-8);
}

/* Mavi */
[data-theme="mavi"] {
    --color-1: #090b0e;
    --color-2: #05070a;
    --color-3: rgba(0, 0, 0, 0);
    --color-4: #ffffff;
    --color-5: #13171c;
    --color-6: #1a1f25;
    --color-7: #2563eb;
    --color-8: rgba(37, 99, 235, 0.18);
    --color-9: #fbbf24;
    --color-10: #2563eb;
    --color-11: #0e1216;
    --color-12: #282e36;
    --color-13: rgba(248, 113, 113, 0.7);
    --color-14: #1a1f25;
    --color-15: rgba(255, 255, 255, 0.7);

    --primary: 37, 99, 235;
    --bg-color: var(--color-1);
    --card-bg: var(--color-5);
    --text-primary: #f8fafc;
    --text-secondary: #9aa3af;
    --accent: var(--color-7);
    --accent-hover: #1d4ed8;
    --gradient: linear-gradient(135deg, #2563eb 0%, #1d4ed8 45%, #f59e0b 100%);
    --brand-red: var(--color-7);
    --brand-red-hover: var(--color-9);
    --brand-red-dark: #1e3a8a;
    --brand-red-mid: #1d4ed8;
    --brand-red-soft: #fcd34d;
    --brand-red-pale: #fef3c7;
    --surface-900: var(--color-2);
    --surface-800: var(--color-11);
    --surface-700: var(--color-6);
    --surface-600: var(--color-12);
    --text-on-dark: #f1f5f9;
    --text-light: var(--color-4);
    --text-on-accent: #ffffff;
    --text-gray: #6b7280;
    --text-muted: #8a93a0;
    --section-title-color: #5c6570;
    --success-color: #22c55e;
    --danger-color: #f87171;
    --border-subtle: rgba(154, 163, 175, 0.08);
    --border-soft: var(--color-8);
}

/* Yeşil */
[data-theme="yesil"] {
    --color-1: #090b0e;
    --color-2: #05070a;
    --color-3: rgba(0, 0, 0, 0);
    --color-4: #ffffff;
    --color-5: #13171c;
    --color-6: #1a1f25;
    --color-7: #10b981;
    --color-8: rgba(16, 185, 129, 0.18);
    --color-9: #fbbf24;
    --color-10: #2563eb;
    --color-11: #0e1216;
    --color-12: #282e36;
    --color-13: rgba(248, 113, 113, 0.7);
    --color-14: #1a1f25;
    --color-15: rgba(255, 255, 255, 0.7);

    --primary: 16, 185, 129;
    --bg-color: var(--color-1);
    --card-bg: var(--color-5);
    --text-primary: #f8fafc;
    --text-secondary: #9aa3af;
    --accent: var(--color-7);
    --accent-hover: #059669;
    --gradient: linear-gradient(135deg, #10b981 0%, #047857 45%, #f59e0b 100%);
    --brand-red: var(--color-7);
    --brand-red-hover: var(--color-9);
    --brand-red-dark: #065f46;
    --brand-red-mid: #059669;
    --brand-red-soft: #fcd34d;
    --brand-red-pale: #fef3c7;
    --surface-900: var(--color-2);
    --surface-800: var(--color-11);
    --surface-700: var(--color-6);
    --surface-600: var(--color-12);
    --text-on-dark: #f1f5f9;
    --text-light: var(--color-4);
    --text-on-accent: #000000;
    --text-gray: #6b7280;
    --text-muted: #8a93a0;
    --section-title-color: #5c6570;
    --success-color: #0f766e;
    --danger-color: #f87171;
    --border-subtle: rgba(154, 163, 175, 0.08);
    --border-soft: var(--color-8);
}

/* Kırmızı */
[data-theme="kirmizi"] {
    --color-1: #090b0e;
    --color-2: #05070a;
    --color-3: rgba(0, 0, 0, 0);
    --color-4: #ffffff;
    --color-5: #13171c;
    --color-6: #1a1f25;
    --color-7: #ef4444;
    --color-8: rgba(239, 68, 68, 0.18);
    --color-9: #fb923c;
    --color-10: #2563eb;
    --color-11: #0e1216;
    --color-12: #282e36;
    --color-13: rgba(251, 113, 133, 0.7);
    --color-14: #1a1f25;
    --color-15: rgba(255, 255, 255, 0.7);

    --primary: 239, 68, 68;
    --bg-color: var(--color-1);
    --card-bg: var(--color-5);
    --text-primary: #f8fafc;
    --text-secondary: #9aa3af;
    --accent: var(--color-7);
    --accent-hover: #dc2626;
    --gradient: linear-gradient(135deg, #ef4444 0%, #dc2626 45%, #f97316 100%);
    --brand-red: var(--color-7);
    --brand-red-hover: var(--color-9);
    --brand-red-dark: #b91c1c;
    --brand-red-mid: #dc2626;
    --brand-red-soft: #fdba74;
    --brand-red-pale: #ffedd5;
    --surface-900: var(--color-2);
    --surface-800: var(--color-11);
    --surface-700: var(--color-6);
    --surface-600: var(--color-12);
    --text-on-dark: #f1f5f9;
    --text-light: var(--color-4);
    --text-on-accent: #ffffff;
    --text-gray: #6b7280;
    --text-muted: #8a93a0;
    --section-title-color: #5c6570;
    --success-color: #22c55e;
    --danger-color: #fb7185;
    --border-subtle: rgba(154, 163, 175, 0.08);
    --border-soft: var(--color-8);
}

/* Pembe */
[data-theme="pembe"] {
    --color-1: #0b0a0e;
    --color-2: #07060a;
    --color-3: rgba(0, 0, 0, 0);
    --color-4: #ffffff;
    --color-5: #17141c;
    --color-6: #1d1a24;
    --color-7: #ec4899;
    --color-8: rgba(236, 72, 153, 0.18);
    --color-9: #fb923c;
    --color-10: #2563eb;
    --color-11: #110f16;
    --color-12: #2c2834;
    --color-13: rgba(244, 63, 94, 0.7);
    --color-14: #1d1a24;
    --color-15: rgba(255, 255, 255, 0.7);

    --primary: 236, 72, 153;
    --bg-color: var(--color-1);
    --card-bg: var(--color-5);
    --text-primary: #fdf8fb;
    --text-secondary: #a39aa8;
    --accent: var(--color-7);
    --accent-hover: #db2777;
    --gradient: linear-gradient(135deg, #ec4899 0%, #db2777 45%, #f97316 100%);
    --brand-red: var(--color-7);
    --brand-red-hover: var(--color-9);
    --brand-red-dark: #be185d;
    --brand-red-mid: #db2777;
    --brand-red-soft: #fdba74;
    --brand-red-pale: #ffedd5;
    --surface-900: var(--color-2);
    --surface-800: var(--color-11);
    --surface-700: var(--color-6);
    --surface-600: var(--color-12);
    --text-on-dark: #faf0f5;
    --text-light: var(--color-4);
    --text-on-accent: #ffffff;
    --text-gray: #726b78;
    --text-muted: #918a98;
    --section-title-color: #635c6a;
    --success-color: #14b8a6;
    --danger-color: #f43f5e;
    --border-subtle: rgba(163, 154, 168, 0.08);
    --border-soft: var(--color-8);
}

/* Cyan */
[data-theme="cyan"] {
    --color-1: #100e0a;
    --color-2: #090805;
    --color-3: rgba(0, 0, 0, 0);
    --color-4: #ffffff;
    --color-5: #1c1913;
    --color-6: #221f18;
    --color-7: #14b8a6;
    --color-8: rgba(20, 184, 166, 0.18);
    --color-9: #a3e635;
    --color-10: #2563eb;
    --color-11: #15130e;
    --color-12: #332f25;
    --color-13: rgba(248, 113, 113, 0.7);
    --color-14: #221f18;
    --color-15: rgba(255, 255, 255, 0.7);

    --primary: 20, 184, 166;
    --bg-color: var(--color-1);
    --card-bg: var(--color-5);
    --text-primary: #f7f5f0;
    --text-secondary: #a39a8a;
    --accent: var(--color-7);
    --accent-hover: #0d9488;
    --gradient: linear-gradient(135deg, #14b8a6 0%, #0d9488 45%, #a3e635 100%);
    --brand-red: var(--color-7);
    --brand-red-hover: var(--color-9);
    --brand-red-dark: #0f766e;
    --brand-red-mid: #0d9488;
    --brand-red-soft: #bef264;
    --brand-red-pale: #ecfccb;
    --surface-900: var(--color-2);
    --surface-800: var(--color-11);
    --surface-700: var(--color-6);
    --surface-600: var(--color-12);
    --text-on-dark: #f2efe8;
    --text-light: var(--color-4);
    --text-on-accent: #000000;
    --text-gray: #756c5c;
    --text-muted: #948b7a;
    --section-title-color: #6b6252;
    --success-color: #22c55e;
    --danger-color: #f87171;
    --border-subtle: rgba(163, 154, 138, 0.08);
    --border-soft: var(--color-8);
}

/* Us — soğuk navy slate + kırmızı (kaynak palet, semantik yerleştirme) */
[data-theme="us"] {
    --color-1: rgb(0, 0, 0);
    --color-2: rgb(5, 7, 14);
    --color-3: rgba(0, 0, 0, 0);
    --color-4: rgb(255, 255, 255);
    --color-5: rgb(12, 20, 34);
    --color-6: rgb(20, 34, 61);
    --color-7: rgb(220, 38, 38);
    --color-8: rgba(255, 255, 255, 0.1);
    --color-9: rgb(251, 146, 60);
    --color-10: rgb(37, 99, 235);
    --color-11: rgb(10, 23, 45);
    --color-12: rgb(31, 36, 50);
    --color-13: rgba(139, 1, 1, 0.7);
    --color-14: rgb(37, 44, 65);
    --color-15: rgba(255, 255, 255, 0.7);

    --primary: 220, 38, 38;
    --bg-color: #07090e;
    --card-bg: var(--color-5);
    --text-primary: #f8fafc;
    --text-secondary: #94a3b8;
    --accent: #dc2626;
    --accent-hover: #b91c1c;
    --gradient: linear-gradient(135deg, #dc2626 0%, #991b1b 50%, #ea580c 100%);
    --brand-red: #dc2626;
    --brand-red-hover: #fb923c;
    --brand-red-dark: #7f1d1d;
    --brand-red-mid: #b91c1c;
    --brand-red-soft: #fca5a5;
    --brand-red-pale: #fee2e2;
    --surface-900: var(--color-2);
    --surface-800: var(--color-11);
    --surface-700: var(--color-12);
    --surface-600: var(--color-14);
    --text-on-dark: #f1f5f9;
    --text-light: var(--color-4);
    --text-on-accent: #ffffff;
    --text-gray: #64748b;
    --text-muted: #8b9cb3;
    --section-title-color: #5c6b7e;
    --success-color: #22c55e;
    --danger-color: #f87171;
    --border-subtle: rgba(148, 163, 184, 0.08);
    --border-soft: rgba(220, 38, 38, 0.2);
}

/* Mekan — mor-siyah zemin + violet accent + cyan vurgu */
[data-theme="mekan"] {
    --color-1: rgb(0, 0, 0);
    --color-2: rgb(9, 7, 10);
    --color-3: rgba(0, 0, 0, 0);
    --color-4: rgb(255, 255, 255);
    --color-5: rgb(19, 15, 20);
    --color-6: rgba(255, 255, 255, 0.04);
    --color-7: rgb(202, 58, 255);
    --color-8: rgba(255, 255, 255, 0.1);
    --color-9: rgb(232, 121, 249);
    --color-10: rgb(22, 62, 100);
    --color-11: rgb(14, 10, 18);
    --color-12: rgb(186, 0, 255);
    --color-13: rgb(78, 192, 217);
    --color-14: rgba(186, 0, 255, 0.7);
    --color-15: rgba(255, 255, 255, 0.7);

    --primary: 186, 0, 255;
    --bg-color: #0a080c;
    --card-bg: var(--color-5);
    --text-primary: #faf5ff;
    --text-secondary: #b4a5bc;
    --accent: #ba00ff;
    --accent-hover: #ca3aff;
    --gradient: linear-gradient(135deg, #ba00ff 0%, #7c1fa8 45%, #4ec0d9 100%);
    --brand-red: #ba00ff;
    --brand-red-hover: #4ec0d9;
    --brand-red-dark: #6b008f;
    --brand-red-mid: #ca3aff;
    --brand-red-soft: #e9a0ff;
    --brand-red-pale: #f3e8ff;
    --surface-900: var(--color-2);
    --surface-800: var(--color-5);
    --surface-700: #2a2230;
    --surface-600: #3a3044;
    --text-on-dark: #f5f0fa;
    --text-light: var(--color-4);
    --text-on-accent: #ffffff;
    --text-gray: #7c7186;
    --text-muted: #9a8fa6;
    --section-title-color: #6a6074;
    --success-color: #4ec0d9;
    --danger-color: #f43f5e;
    --border-subtle: rgba(255, 255, 255, 0.05);
    --border-soft: rgba(186, 0, 255, 0.22);
}

/* Lake — koyu yeşil sahne (site fontu korunur) */
[data-theme="lake"] {
    --color-1: rgb(0, 0, 0);
    --color-2: rgb(8, 12, 9);
    --color-3: rgb(255, 255, 255);
    --color-4: rgb(14, 20, 15);
    --color-5: rgba(255, 255, 255, 0.04);
    --color-6: rgb(13, 204, 61);
    --color-7: rgb(163, 230, 53);
    --color-8: rgba(13, 204, 61, 0.2);
    --color-9: rgb(221, 221, 221);
    --color-10: rgb(20, 35, 23);
    --color-11: rgba(255, 255, 255, 0.03);
    --color-12: rgb(32, 38, 33);
    --color-13: rgba(255, 255, 255, 0.05);
    --color-14: rgb(23, 23, 23);
    --color-15: rgba(255, 255, 255, 0.6);

    --primary: 13, 204, 61;
    --bg-color: #080c09;
    --card-bg: var(--color-4);
    --text-primary: #f4f7f4;
    --text-secondary: #9aab9e;
    --accent: #0dcc3d;
    --accent-hover: #0aa834;
    --gradient: linear-gradient(135deg, #0dcc3d 0%, #0a7a28 50%, #a3e635 100%);
    --brand-red: #0dcc3d;
    --brand-red-hover: #a3e635;
    --brand-red-dark: #0a7a28;
    --brand-red-mid: #0aa834;
    --brand-red-soft: #6ef095;
    --brand-red-pale: #dcfce7;
    --surface-900: var(--color-14);
    --surface-800: var(--color-10);
    --surface-700: var(--color-12);
    --surface-600: #3a433c;
    --text-on-dark: #eef5ef;
    --text-light: var(--color-3);
    --text-on-accent: #041008;
    --text-gray: #6b756e;
    --text-muted: #8a968c;
    --section-title-color: #6a746c;
    --success-color: #0dcc3d;
    --danger-color: #f87171;
    --border-subtle: rgba(154, 171, 158, 0.08);
    --border-soft: rgba(13, 204, 61, 0.2);
}