:root {
    /* ===== Tüm sitenin renkleri bu dosyadadır ===== */

    --bg: #1a1a1a;
    --font: "Anek Latin", sans-serif;
    --font2: "Anek Latin", sans-serif;
    --heading-color: var(--base-text);
    --on-main: var(--base-color);
    --font-heading: "Anek Latin Heading", sans-serif;
    --bs-body-font-family: var(--font);
    --bs-font-sans-serif: var(--font);
    --main-color: #f58b3b;
    --ref-bg: #242424;
    --base-color: var(--ref-bg);
    --light-text: #b8b8b8;
    --soft-text: var(--light-text);
    --main-text: var(--main-color);
    --base-text: #e4e4e4;
    --white: var(--ref-bg);
    --danger: #f56a6a;
    --warning: #ebb35f;
    --primary: var(--main-color);
    --success: #57c781;
    --light: #5f728a;
    --card-bg: var(--ref-bg);
    --bg-secondary: #2b2b2b;

    /* Ana renkten otomatik türeyen tonlar */
    --main-color-dark: #e07520;
    --main-color-hover: #c96618;
    --main-color-soft: color-mix(in srgb, var(--main-color) 80%, #fff);
    --main-color-line: color-mix(in srgb, var(--main-color) 45%, transparent); /* ince turuncu çerçeve/çizgi (slider) */
    --slider-shade: color-mix(in srgb, var(--bg) 70%, transparent); /* slider arka planını karartan katman */

    /* Sitenin diğer renkleri */
    --c-black: #000;
    --c-black-a1: #00000005;
    --c-black-a2: #00000008;
    --c-black-a3: rgba(0, 0, 0, .04);
    --c-black-a4: rgba(0, 0, 0, .06);
    --c-black-a5: rgba(0, 0, 0, 0.08);
    --c-black-a6: rgba(0, 0, 0, 0.1);
    --c-black-a7: rgba(0, 0, 0, 0.12);
    --c-black-a8: rgba(0, 0, 0, .15);
    --c-black-a9: rgba(0, 0, 0, 0.2);
    --c-black-a10: rgba(0, 0, 0, .25);
    --c-black-a11: rgba(0, 0, 0, .35);
    --c-black-a12: rgba(0, 0, 0, .45);
    --c-black-a13: rgba(0, 0, 0, 0.5);
    --c-blue-1: #f5f6f9;
    --c-blue-2: #f4f5f7;
    --c-blue-3: #f2f4f8;
    --c-blue-4: #eaeaf7;
    --c-blue-5: #ececf5;
    --c-blue-6: #ededf3;
    --c-blue-7: #e3e6f9;
    --c-blue-8: #e9e9f3;
    --c-blue-9: #e5e5f5;
    --c-blue-10: #e7e7f3;
    --c-blue-11: #e7e9f3;
    --c-blue-12: #e3e6f1;
    --c-blue-13: #e6e8ed;
    --c-blue-14: #ddddf5;
    --c-blue-15: #dfdfed;
    --c-blue-16: #bfcaff;
    --c-blue-17: #d0d2db;
    --c-blue-18: #ccccdd;
    --c-blue-19: #c4cad9;
    --c-blue-20: #b0b0c5;
    --c-blue-21: #aab1cb;
    --c-blue-22: #9daad1;
    --c-blue-23: #a0a5c5;
    --c-blue-24: #969bc3;
    --c-blue-25: #95a1b1;
    --c-blue-26: #9699ad;
    --c-blue-27: #878dab;
    --c-blue-28: #7c84ab;
    --c-blue-29: #707aac;
    --c-blue-30: #6f7593;
    --c-blue-31: #1698e2;
    --c-blue-32: #565b74;
    --c-blue-33: #1b3a76;
    --c-blue-34: #212332;
    --c-blue-a1: #ccccdd5c;
    --c-blue-a2: #a2a5b93d;
    --c-blue-a3: #3765e666;
    --c-blue-a4: #7980a124;
    --c-blue-a5: #4257a700;
    --c-blue-a6: #5e628924;
    --c-blue-a7: #3a38520d;
    --c-blue-a8: #34334c0a;
    --c-blue-a9: rgba(52, 51, 76, 0.08);
    --c-blue-a10: #34334c1a;
    --c-blue-a11: #2a3043e3;
    --c-blue-a12: #1a1e36af;
    --c-blue-a13: #171c313b;
    --c-blue-a14: #1a1d2bf0;
    --c-blue-a15: #191b2a05;
    --c-blue-a16: #191b2a10;
    --c-blue-a17: rgb(24 28 33 / 2%);
    --c-blue-a18: #0c122387;
    --c-cyan-1: #0398e2;
    --c-gray-1: #fbfbfd;
    --c-gray-2: #fafafb;
    --c-gray-3: #f8f9fc;
    --c-gray-4: #f9f9fb;
    --c-gray-5: #f8f9fa;
    --c-gray-6: #f6f6fb;
    --c-gray-7: #f5f4fb;
    --c-gray-8: #f5f5f5;
    --c-gray-9: #e0e0e0;
    --c-gray-10: #c4c4c4;
    --c-gray-11: #8e8e8e;
    --c-gray-12: #717171;
    --c-gray-13: #63687b;
    --c-gray-14: #575a6d;
    --c-gray-15: #555;
    --c-gray-16: #4d4d4d;
    --c-gray-18: #3a3a3a;
    --c-gray-19: #333;
    --c-gray-20: #2d2d2d;
    --c-gray-21: #1f1f1f;
    --c-gray-a1: #acacbd7d;
    --c-gray-a2: #7f81893d;
    --c-gray-a3: #30303014;
    --c-gray-a4: #2c2c2c82;
    --c-gray-a5: #2424240a;
    --c-gray-a6: #2424240f;
    --c-gray-a7: #2424241a;
    --c-gray-a8: rgba(26, 26, 26, 0.4);
    --c-gray-a9: rgba(26, 26, 26, 0.92);
    --c-green-1: #e9f9e7;
    --c-green-2: #acedc3;
    --c-green-3: #80c576;
    --c-green-4: #155724;
    --c-orange-1: #ffeee6;
    --c-orange-2: #ffddb0;
    --c-orange-3: #ffb18c;
    --c-orange-4: #ffc671;
    --c-orange-5: #72602e;
    --c-orange-a1: #ffd5a830;
    --c-orange-a6: #8b4f33c9;
    --c-orange-a7: #8b4f33db;
    --c-pink-1: #e91e63;
    --c-purple-1: #d77cf3;
    --c-purple-2: #d262ff;
    --c-purple-3: #8167b1;
    --c-purple-a1: #9c70e136;
    --c-purple-a2: #58338bc9;
    --c-red-1: #febdbe;
    --c-red-2: #8f2630;
    --c-white-1: #fff;
    --c-white-2: #fcfcfd;
    --c-white-a1: #ffffff05;
    --c-white-a2: #ffffff07;
    --c-white-a3: rgba(255, 255, 255, 0.05);
    --c-white-a4: rgba(255, 255, 255, 0.06);
    --c-white-a5: #ffffff10;
    --c-white-a6: #ffffff12;
    --c-white-a7: #ffffff15;
    --c-white-a8: rgba(255, 255, 255, 0.1);
    --c-white-a9: #ffffff20;
    --c-white-a10: #ffffff30;
    --c-white-a11: #ffffff35;
    --c-white-a12: #ffffff4d;
    --c-white-a13: #ffffff54;
    --c-white-a14: #ffffff8a;
    --c-white-a15: #ffffffa6;
    --line-color: #3d3d3d;

    /* ===== Admin ve kullanıcı paneli ===== */
    --Main: var(--main-color);
    --White: var(--card-bg);
    --Black: var(--base-text);
    --Heading: var(--base-text);
    --Body-Text: var(--soft-text);
    --22-c-55-e: #22C55E;
    --Style: var(--main-color);
    --Palette-Blue-Gray-300: #CBD5E1;
    --Palette-Blue-Gray-200: #E2E8F0;
    --Palette-Blue-300: #93C5FD;
    --Palette-Blue-200: #BFDBFE;
    --Palette-Orange-400: #FB923C;
    --Palette-Red-400: #F87171;
    --Palette-Red-500: #EF4444;
    --Input: var(--bg-secondary);
    --Icon: var(--soft-text);
    --Note: var(--soft-text);
    --Text-Holder: var(--soft-text);
    --08091-b: #08091B;
    --Stroke: var(--line-color);
    --bg-table: var(--bg-secondary);
    --bg-table-1: var(--bg-secondary);
    --backdrop: var(--bg);
    --hv-item: var(--bg-secondary);
    --Warning: #dc3545;

    --panel-black-a1: rgba(0, 0, 0, 0);
    --panel-black-a5: rgba(0,0,0,0.3);
    --panel-blue-1: #f2f7fb;
    --panel-blue-2: #ecf3ff;
    --panel-blue-3: #ecf5ff;
    --panel-blue-4: #eaf4ff;
    --panel-blue-5: #f0f5f9;
    --panel-blue-6: #e9f2ff;
    --panel-blue-7: #eff4f8;
    --panel-blue-8: #edf1f5;
    --panel-blue-9: #ecf0f4;
    --panel-blue-11: #d3e4fe;
    --panel-blue-12: #dadfe3;
    --panel-blue-14: #bcc6d1;
    --panel-blue-15: #8f77f3;
    --panel-blue-16: #94a3b8;
    --panel-blue-17: #2377fc;
    --panel-blue-18: #2275fc;
    --panel-blue-19: #64748b;
    --panel-blue-20: #475569;
    --panel-blue-21: #0040a6;
    --panel-blue-22: #003a95;
    --panel-blue-23: #343444;
    --panel-blue-24: #283548;
    --panel-blue-25: #252e3a;
    --panel-blue-26: #1e293b;
    --panel-blue-27: #1e1d2a;
    --panel-blue-a1: rgba(203, 213, 225, 0.1019607843);
    --panel-blue-a2: rgba(203, 213, 225, 0.3);
    --panel-blue-a3: rgba(148, 163, 184, 0.1019607843);
    --panel-blue-a4: rgba(35, 119, 252, 0.1);
    --panel-blue-a5: rgba(35, 119, 252, 0.2196078431);
    --panel-blue-a6: rgba(35, 119, 252, 0.8);
    --panel-blue-a7: rgba(0, 64, 166, 0.8);
    --panel-blue-a8: rgba(20, 25, 38, 0.05);
    --panel-blue-a9: rgba(20, 25, 38, 0.1);
    --panel-blue-a10: rgba(20, 25, 38, 0.15);
    --panel-blue-a11: rgba(20, 25, 38, 0.8);
    --panel-cyan-1: #e4ffff;
    --panel-cyan-2: #b0e7ff;
    --panel-cyan-3: #bdcfd3;
    --panel-cyan-4: #22c5c5;
    --panel-cyan-5: #35988d;
    --panel-cyan-6: #1b2627;
    --panel-gray-1: #f8fafc;
    --panel-gray-2: #f7fafc;
    --panel-gray-4: #f2f7ff;
    --panel-gray-5: #f7f7f7;
    --panel-gray-7: #eee;
    --panel-gray-8: #e5e5e5;
    --panel-gray-11: #d9d9d9;
    --panel-gray-12: #cdcdcd;
    --panel-gray-13: #ccc;
    --panel-gray-14: #95989d;
    --panel-gray-15: #999;
    --panel-gray-16: #858b93;
    --panel-gray-17: #888;
    --panel-gray-18: #5c6370;
    --panel-gray-19: #575864;
    --panel-gray-20: #444;
    --panel-gray-21: #3d4149;
    --panel-gray-23: #383838;
    --panel-gray-26: #292929;
    --panel-gray-27: #24272c;
    --panel-gray-28: #252525;
    --panel-gray-30: #1f2027;
    --panel-gray-31: #1b1b1c;
    --panel-gray-33: #111111;
    --panel-gray-a1: rgba(149, 152, 157, 0.4117647059);
    --panel-gray-a2: rgba(27, 31, 34, 0.0431372549);
    --panel-gray-a3: #1a1a1a80;
    --panel-gray-a4: rgba(4, 8, 16, 0.3);
    --panel-green-1: #f0fdf4;
    --panel-green-2: #ebfff1;
    --panel-green-3: #e7fbef;
    --panel-green-5: #189d72;
    --panel-green-6: #2a4432;
    --panel-orange-1: #fff3ee;
    --panel-orange-2: #fff2ed;
    --panel-orange-3: #ffe9e0;
    --panel-orange-4: #ffba93;
    --panel-orange-5: #fcc141;
    --panel-orange-7: #ffa800;
    --panel-orange-10: #432f25;
    --panel-orange-11: #2a1d0f;
    --panel-orange-12: #171412;
    --panel-orange-a1: color-mix(in srgb, var(--main-color) 10%, transparent);
    --panel-orange-a2: color-mix(in srgb, var(--main-color) 20%, transparent);
    --panel-orange-a4: color-mix(in srgb, var(--main-color) 15%, transparent);
    --panel-purple-1: #f4e9ff;
    --panel-purple-2: #f5e9ff;
    --panel-purple-3: #c489ff;
    --panel-purple-4: #7047d6;
    --panel-purple-5: #7322c5;
    --panel-purple-6: #3a3043;
    --panel-red-2: #de6e49;
    --panel-white-a2: rgba(255, 255, 255, 0.08);
    --panel-white-a4: #ffffff24;
    --panel-yellow-1: #fffce6;
    --panel-yellow-2: #ffe99a;
    --panel-yellow-3: #ecd71f;
    --panel-yellow-4: #ffc107;
    --panel-green-7: #198754;
    --panel-green-8: #28a745;
    --panel-green-9: #1a3a1a;
    --panel-red-4: #3a1a1a;
    --panel-warning: #f59e0b;
    --panel-gray-34: #6c757d;
    --panel-gray-35: #5a6268;
    --panel-logo-bg: #f0f0f0;
    --stat-lime: #84CC16;
    --stat-orange: #FF5200;
    --stat-pink: #EC4899;
    --stat-indigo: #6366F1;
    --stat-violet: #818CF8;
    --stat-emerald: #10B981;
    --stat-teal: #14B8A6;
    --stat-sky: #0EA5E9;
    --soci-behance: #0054f7;
    --soci-discord: #d74980;
    --soci-instagram: #f37f6d;
    --soci-whatsapp: #5fcd88;
}