:root {
    --gold: #d4af37;
    --gold-rgb: 212, 175, 55;
    --dark-gold: #a88520;
    --gold-light: #f2cf5b;
    --gold-soft: #f1e3a4;
    --gold-muted: #f5c542;
    --gold-warm: #c89b3c;

    --black: #0a0a0a;
    --black-true: #000000;
    --black-dark: #000000;
    --black-very-dark: #070707;
    --black-darker: #050505;
    --black-deep: #040404;
    --black-rgb: 0, 0, 0;

    --surface: #111111;
    --surface-alt: #121212;
    --surface-alt-2: #141414;
    --surface-alt-3: #151515;
    --surface-alt-4: #1a1a1a;
    --surface-alt-5: #1f1f1f;
    --surface-alt-6: #242424;
    --surface-panel: #090909;
    --surface-panel-darker: #0b0b0b;

    --white: #ffffff;
    --white-rgb: 255, 255, 255;
    --white-soft: #f0eadc;
    --white-muted: #f2f2f2;
    --white-alt: #f1e3a4;

    --text-primary: #ffffff;
    --text-muted: #cccccc;
    --text-muted-2: #cfcfcf;
    --text-muted-3: #d0d0d0;
    --text-muted-4: #bdbdbd;
    --text-light: #e5e5e5;
    --text-success: #dfffe8;
    --text-danger: #ff6b6b;
    --light-gray: var(--text-muted);
    --border-gold: var(--gold-border);
    --shadow-gold: var(--gold-shadow);
    --card-bg: var(--surface-panel);

    --success-rgb: 34, 139, 34;
    --error-rgb: 220, 20, 60;

    --gold-border: rgba(212, 175, 55, 0.25);
    --gold-border-strong: rgba(212, 175, 55, 0.35);
    --gold-border-lighter: rgba(212, 175, 55, 0.12);
    --gold-border-xlight: rgba(212, 175, 55, 0.08);

    --gold-overlay: rgba(212, 175, 55, 0.08);
    --gold-overlay-soft: rgba(212, 175, 55, 0.16);
    --gold-shadow: rgba(212, 175, 55, 0.16);
    --gold-shadow-strong: rgba(212, 175, 55, 0.28);

    --success-bg: rgba(34, 139, 34, 0.18);
    --success-border: rgba(34, 139, 34, 0.8);
    --error-bg: rgba(220, 20, 60, 0.18);
    --error-border: rgba(220, 20, 60, 0.8);

    --surface-shadow: rgba(0, 0, 0, 0.55);
    --surface-shadow-soft: rgba(0, 0, 0, 0.35);
    --surface-shadow-strong: rgba(0, 0, 0, 0.78);
    --surface-shadow-xlight: rgba(0, 0, 0, 0.25);

    --btn-gradient: linear-gradient(135deg, var(--gold), var(--dark-gold));
    --btn-gradient-hover: linear-gradient(135deg, var(--gold-light), var(--gold));

    /* auto-generated theme colors */
    --accent-blue: #2563eb;
    --accent-blue-dark: #0f2a5f;
    --accent-indigo: #312e81;
    --accent-orange: #ff7a18;
    --accent-purple: #a855f7;
    --accent-red: #c2410c;
    --accent-red-dark: #7f1d1d;
    --accent-red-deep: #2a0505;
    --accent-teal: #16a34a;
    --accent-teal-dark: #064e3b;
    --accent-violet: #4c1d95;
    --color-031b12: #031b12;
    --color-075985: #075985;
    --color-0c4a6e: #0c4a6e;
    --color-0e0e0e: #0e0e0e;
    --color-0ea5e9: #0ea5e9;
    --color-0f1028: #0f1028;
    --color-1009: #1009;
    --color-115e59: #115e59;
    --color-131313: #131313;
    --color-134e4a: #134e4a;
    --color-14532d: #14532d;
    --color-14b8a6: #14b8a6;
    --color-15803d: #15803d;
    --color-166534: #166534;
    --color-181818: #181818;
    --color-1c0f05: #1c0f05;
    --color-1d4ed8: #1d4ed8;
    --color-1e293b: #1e293b;
    --color-1e3a8a: #1e3a8a;
    --color-1f3b46: #1f3b46;
    --color-21403d: #21403d;
    --color-222: #222;
    --color-243847: #243847;
    --color-2a3138: #2a3138;
    --color-2c3446: #2c3446;
    --color-2d5d69: #2d5d69;
    --color-2e6862: #2e6862;
    --color-2f3d33: #2f3d33;
    --color-31452c: #31452c;
    --color-334155: #334155;
    --color-35566c: #35566c;
    --color-3a2d08: #3a2d08;
    --color-3b2948: #3b2948;
    --color-3b82f6: #3b82f6;
    --color-3c4f70: #3c4f70;
    --color-43505c: #43505c;
    --color-465c4a: #465c4a;
    --color-4a1f24: #4a1f24;
    --color-4aa29a: #4aa29a;
    --color-4b2d24: #4b2d24;
    --color-4b3422: #4b3422;
    --color-4b3826: #4b3826;
    --color-4b4320: #4b4320;
    --color-4b693f: #4b693f;
    --color-4f95a7: #4f95a7;
    --color-533a69: #533a69;
    --color-581c87: #581c87;
    --color-5a1717: #5a1717;
    --color-5a89a7: #5a89a7;
    --color-5f7ca0: #5f7ca0;
    --color-64748b: #64748b;
    --color-6a3038: #6a3038;
    --color-6c4336: #6c4336;
    --color-6d4f36: #6d4f36;
    --color-6d563d: #6d563d;
    --color-6d6732: #6d6732;
    --color-6d9d5c: #6d9d5c;
    --color-6f7f8d: #6f7f8d;
    --color-6f9276: #6f9276;
    --color-713f12: #713f12;
    --color-777777: #777777;
    --color-78350f: #78350f;
    --color-7c2d12: #7c2d12;
    --color-7c3aed: #7c3aed;
    --color-7f5ca0: #7f5ca0;
    --color-854d0e: #854d0e;
    --color-92400e: #92400e;
    --color-94a3b8: #94a3b8;
    --color-999999: #999999;
    --color-9a3412: #9a3412;
    --color-9a914f: #9a914f;
    --color-9b4d57: #9b4d57;
    --color-9c7553: #9c7553;
    --color-9d7b58: #9d7b58;
    --color-a06a56: #a06a56;
    --color-a89f7c: #a89f7c;
    --color-ab8922: #ab8922;
    --color-b45309: #b45309;
    --color-b4533b: #b4533b;
    --color-c9b875: #c9b875;
    --color-d4af370e: #d4af370e;
    --color-d6d6d6: #d6d6d6;
    --color-d8d8d8: #d8d8d8;
    --color-d97706: #d97706;
    --color-ded6c3: #ded6c3;
    --color-dfffe8: #dfffe8;
    --color-e0e0e0: #e0e0e0;
    --color-e2c65a: #e2c65a;
    --color-e6dcc4: #e6dcc4;
    --color-e6e6e6: #e6e6e6;
    --color-e7c75a: #e7c75a;
    --color-e8e1cf: #e8e1cf;
    --color-eab308: #eab308;
    --color-eee6d4: #eee6d4;
    --color-f1d77a: #f1d77a;
    --color-f1ead9: #f1ead9;
    --color-f1f1f1: #f1f1f1;
    --color-f2d461: #f2d461;
    --color-f4f0e4: #f4f0e4;
    --color-f5e8b8: #f5e8b8;
    --color-f5f5f5: #f5f5f5;
    --color-f7dc83: #f7dc83;
    --color-fb923c: #fb923c;
    --color-ffd86b: #ffd86b;
    --info: #38bdf8;
    --rgba-10-10-10-0_96: rgba(10, 10, 10, 0.96);
    --rgba-12-11-7-0_95: rgba(12, 11, 7, 0.95);
    --rgba-132-204-22-0_22: rgba(132, 204, 22, 0.22);
    --rgba-153-246-228-0_28: rgba(153, 246, 228, 0.28);
    --rgba-18-16-9-0_96: rgba(18, 16, 9, 0.96);
    --rgba-185-225-235-0_24: rgba(185, 225, 235, 0.24);
    --rgba-185-228-222-0_24: rgba(185, 228, 222, 0.24);
    --rgba-186-230-253-0_28: rgba(186, 230, 253, 0.28);
    --rgba-187-247-208-0_25: rgba(187, 247, 208, 0.25);
    --rgba-187-247-208-0_27: rgba(187, 247, 208, 0.27);
    --rgba-190-220-235-0_24: rgba(190, 220, 235, 0.24);
    --rgba-191-219-254-0_28: rgba(191, 219, 254, 0.28);
    --rgba-196-214-230-0_24: rgba(196, 214, 230, 0.24);
    --rgba-205-225-205-0_22: rgba(205, 225, 205, 0.22);
    --rgba-205-230-185-0_24: rgba(205, 230, 185, 0.24);
    --rgba-210-220-225-0_22: rgba(210, 220, 225, 0.22);
    --rgba-220-20-60-0_18: rgba(220, 20, 60, 0.18);
    --rgba-220-20-60-0_8: rgba(220, 20, 60, 0.8);
    --rgba-220-200-235-0_24: rgba(220, 200, 235, 0.24);
    --rgba-221-214-254-0_26: rgba(221, 214, 254, 0.26);
    --rgba-221-214-254-0_28: rgba(221, 214, 254, 0.28);
    --rgba-230-210-185-0_24: rgba(230, 210, 185, 0.24);
    --rgba-230-215-185-0_24: rgba(230, 215, 185, 0.24);
    --rgba-235-180-170-0_22: rgba(235, 180, 170, 0.22);
    --rgba-235-205-180-0_24: rgba(235, 205, 180, 0.24);
    --rgba-235-225-175-0_24: rgba(235, 225, 175, 0.24);
    --rgba-242-207-91-0_8: rgba(242, 207, 91, 0.8);
    --rgba-242-207-91-0_9: rgba(242, 207, 91, 0.9);
    --rgba-245-240-220-0_65: rgba(245, 240, 220, 0.65);
    --rgba-245-240-220-0_9: rgba(245, 240, 220, 0.9);
    --rgba-250-204-21-0_22: rgba(250, 204, 21, 0.22);
    --rgba-251-191-36-0_24: rgba(251, 191, 36, 0.24);
    --rgba-253-224-71-0_26: rgba(253, 224, 71, 0.26);
    --rgba-254-215-170-0_26: rgba(254, 215, 170, 0.26);
    --rgba-254-215-170-0_28: rgba(254, 215, 170, 0.28);
    --rgba-254-240-138-0_28: rgba(254, 240, 138, 0.28);
    --rgba-255-122-24-0_12: rgba(255, 122, 24, 0.12);
    --rgba-255-183-77-0_22: rgba(255, 183, 77, 0.22);
    --rgba-255-205-150-0_24: rgba(255, 205, 150, 0.24);
    --rgba-255-215-0-0_4: rgba(255, 215, 0, 0.4);
    --rgba-255-215-0-0_45: rgba(255, 215, 0, 0.45);
    --rgba-255-215-0-0_65: rgba(255, 215, 0, 0.65);
    --rgba-255-215-0-0_75: rgba(255, 215, 0, 0.75);
    --rgba-255-215-0-0_95: rgba(255, 215, 0, 0.95);
    --rgba-255-220-40-0_45: rgba(255, 220, 40, 0.45);
    --rgba-255-220-40-0_5: rgba(255, 220, 40, 0.5);
    --rgba-255-220-40-0_7: rgba(255, 220, 40, 0.7);
    --rgba-255-220-40-0_75: rgba(255, 220, 40, 0.75);
    --rgba-255-220-40-0_8: rgba(255, 220, 40, 0.8);
    --rgba-255-220-40-0_95: rgba(255, 220, 40, 0.95);
    --rgba-3-3-3-0_98: rgba(3, 3, 3, 0.98);
    --rgba-34-139-34-0_18: rgba(34, 139, 34, 0.18);
    --rgba-34-139-34-0_8: rgba(34, 139, 34, 0.8);
    --rgba-4-4-4-0_98: rgba(4, 4, 4, 0.98);
    --rgba-56-189-248-0_25: rgba(56, 189, 248, 0.25);
    --rgba-74-222-128-0_08: rgba(74, 222, 128, 0.08);
    --rgba-74-222-128-0_12: rgba(74, 222, 128, 0.12);
    --rgba-74-222-128-0_22: rgba(74, 222, 128, 0.22);
    --rgba-8-8-6-0_96: rgba(8, 8, 6, 0.96);
    --rgba-8-8-8-0_82: rgba(8, 8, 8, 0.82);
    --rgba-80-200-255-0_08: rgba(80, 200, 255, 0.08);
    --success: #6bff9c;
    --surface-border: #2e2e2e;
    --surface-darker: #171717;
    --surface-deep: #101010;
    --surface-highlight: #1b1608;

    --admin-bg-dark: #050505;
    --admin-bg-panel: rgba(255, 255, 255, 0.035);
    --admin-border-gold: rgba(212, 175, 55, 0.25);
    --admin-shadow-gold: rgba(212, 175, 55, 0.08);

    --admin-bg-main: #050505;
    --admin-bg-soft: #080808;
    --admin-panel-bg: rgba(255, 255, 255, 0.035);
    --admin-panel-bg-strong: rgba(255, 255, 255, 0.055);

    --admin-border: rgba(212, 175, 55, 0.26);
    --admin-border-hover: rgba(212, 175, 55, 0.48);

    --admin-input-bg: #090909;
    --admin-input-border: rgba(212, 175, 55, 0.22);
    --admin-input-border-focus: rgba(212, 175, 55, 0.65);

    --admin-shadow: 0 0 28px rgba(212, 175, 55, 0.08);
    --admin-shadow-focus: 0 0 24px rgba(212, 175, 55, 0.18);

}

/* ================================
   ADMIN MCQ MANAGER VARIABLES
================================ */

:root {
    --admin-bg-main: #050505;
    --admin-bg-soft: #080808;
    --admin-bg-card: rgba(255, 255, 255, 0.035);
    --admin-bg-card-strong: rgba(255, 255, 255, 0.055);

    --admin-border: rgba(212, 175, 55, 0.24);
    --admin-border-strong: rgba(212, 175, 55, 0.42);

    --admin-input-bg: #050505;
    --admin-input-border: rgba(212, 175, 55, 0.22);
    --admin-input-focus: rgba(212, 175, 55, 0.68);

    --admin-shadow-soft: 0 0 28px rgba(212, 175, 55, 0.08);
    --admin-shadow-focus: 0 0 24px rgba(212, 175, 55, 0.16);
}