:root {
    /* ========================================
       SEMANTIC COLOR PALETTE
       Consolidated & Organized
       ======================================== */

    /* === BASE COLORS === */
    --black: #000000;
    --transparent: #00000000;
    --white: #ffffff;
    --white-transparent: #ffffffb6;
    --white-transparent-light: #ffffff30;
    --white-transparent-0: #fff0;

    /* === GRAYS (Light to Dark) === */
    --gray-fb: #f9fafb;
    --gray-f2: #f2f2f2;
    --gray-f1: #f1f1f1;
    --gray-ee: #eeeeee;
    --gray-light: #e9ecef;
    --gray-blue-light: #e7eaf0;
    --gray-dd: #dddddd;
    --gray-bb: #bbbbbb;
    --gray-medium: #adb5bd;
    --gray-warm: #948a85;
    --gray-71: #717171;
    --gray-dark: #6c757d;

    /* === SHADOWS (Transparent grays) === */
    --shadow-light: #6c757d33;
    --shadow-xs: #21252933;
    --shadow-sm: #21252940;
    --shadow-md: #21252980;
    --shadow-lg: #212529bf;

    /* === DARK BACKGROUNDS === */
    --dark-navy: #0b0f17;

    /* === RED (Light to Dark) === */
    --red-light: #ea868f;
    --red-danger: #dc3545;
    --red-dark: #58151c;


    /* === ORANGE === */
    --orange: #fd7e14;
    --orange-coral: #FF7F50;
    --orange-terra: #E16541;
    --orange-bright: #ff4305;
    --orange-rust: #bf4d20;
    --orange-amber: #ffaa00;
    --orange-transparent: #f4782096;
    --orange-transparent-md: #fd7e1470;



    /* === PEACH === */
    --peach-lightest: #fceae8;
    --peach: #ffd6c6;
    --peach-light: #ffa692;
    --peach-pale: #ee9393;
    --peach-transparent: #ffa70017;
    --peach-transparent-light: #fd7e2008;

    /* === YELLOW & GOLD === */

    --yellow: #ffc107;
    --yellow-dark: #e58a00;
    --gold-dark: #997404;
    --gold-darkest: #664d03;

    --yellow-light: #ffe69c;


    /* === CREAM, BEIGE & TAN === */
    --cream: #f3f5f7;

    --tan: #fccb90;

    --tan-medium-alt: #a88e78;


    /* === BROWN === */
    --tan-light: #e3d9cf;

    --brown-medium: #aa7c62;
    --brown-dark: #6e3f3f;

    /* === GREEN (Light to Dark) === */
    --green-mint: #c3f7c0;
    --green-lightest: #e8f3ee;

    --green-light: #a6cd74;
    --green: #75b798;
    --green-darker: #0a3622;


    /* === TEAL & CYAN === */
    --turquoise: #42f3e5;
    --teal: #20c997;
    --teal-dark: #008080;
    --teal-muted: #5e6464;
    --cyan-transparent: #daf1f966;

    /* === SKY BLUE === */
    --sky-lightest: #f5f9fc;
    --sky-light: #e7fafe;
    --sky-pale: #dce1e5;
    --sky-muted: #a6c3ca;
    --sky-blue: #0077b5;

    /* === BLUE === */
    --blue-info-light: #d0ebff;
    --blue-light: var(--blue-info-light);
    --blue-medium: rgb(158, 197, 254);
    --blue: rgba(13, 110, 253, 1);

    /* === SLATE === */
    --slate-light: #ecf0f7;
    --slate: #9ca3af;

    /* === PURPLE === */
    --purple-lavender: #d1c4e9;
    --purple-light: #b39ddb;
    --purple: #6f42c1;
    --purple-transparent: #5056af4d;

    /* === PINK & MAGENTA === */
    --pink-lightest: #ffebf0;
    --pink-light: #f8c5dd;
    --pink: #d63384;
    --magenta-dark: #b44593;
    --pink-transparent: #ff336633;
    --pink-transparent-md: #ff336640;

    /* === REGISTRATION THEME === */

    --reg-gray: #dddddd;
    --reg-gray-hover: #cccccc;
    --reg-body-bg: #f6f5f7;
    --reg-form-bg: #ffffff;

    /* === T2W THEME === */
    --t2w-secondary-faded: #5b6b7970;
    --t2w-tertiary-faded: #d1223470;
    --t2w-fantasy-blue-faded: #68c0ff70;

    /* === PREVIEW FALLBACK (Light) === */
    --fallback-primary: #491eff;
    --fallback-primary-content: #d4dbff;
    --fallback-secondary: #ff41c7;
    --fallback-secondary-content: #fff9fc;
    --fallback-accent: #00cfbd;
    --fallback-accent-content: #00100d;
    --fallback-neutral: #2b3440;
    --fallback-neutral-content: #d7dde4;
    --fallback-base-content: #1f2937;
    --fallback-info: #00b3f0;
    --fallback-info-content: #000000;
    --fallback-success: #00ca92;
    --fallback-success-content: #000000;
    --fallback-warning: #ffc22d;
    --fallback-warning-content: #000000;
    --fallback-error: #ff6f70;
    --fallback-error-content: #000000;

    /* === PREVIEW FALLBACK (Dark) === */
    --fallback-primary-dark: #7582ff;
    --fallback-primary-content-dark: #050617;
    --fallback-secondary-dark: #ff71cf;
    --fallback-secondary-content-dark: #190211;
    --fallback-accent-dark: #00c7b5;
    --fallback-accent-content-dark: #000e0c;
    --fallback-neutral-dark: #2a323c;
    --fallback-neutral-content-dark: #a6adbb;
    --fallback-base-content-dark: #a6adbb;

    /* === MISC UI === */
    --link-blue: #216fff;
    --google-blue: #4285F4;
    --bg-light-gray: #f8f9fa;

    /* ========================================
       LEGACY ALIASES (Backward Compatibility)
       DO NOT USE IN NEW CODE
       ======================================== */

    /* Base */
    --color-14: var(--black);
    --color-76: var(--transparent);
    --color-512: var(--white);

    /* Grays */
    --color-18: var(--gray-light);
    --color-21: var(--gray-medium);
    --color-15: var(--gray-dark);
    --color-538: var(--gray-warm);
    --color-291: var(--shadow-light);
    --color-297: var(--shadow-xs);
    --color-284: var(--shadow-sm);
    --color-46: var(--shadow-md);
    --color-45: var(--shadow-lg);
    --color-517: var(--gray-light);
    --color-533: var(--gray-light);

    /* Dark */
    --dark-navy-alt: var(--dark-navy);
    --dark-charcoal: var(--dark-navy);
    --near-black: var(--dark-navy);
    --near-black-alt: var(--dark-navy);

    /* Reds */
    --color-60: var(--red-light);
    --color-215: var(--red-light);
    --red-coral: var(--red-light);
    --color-73: var(--red-burgundy);
    --color-29: var(--red-dark);
    --color-66: var(--red-darkest);

    /* Oranges */
    --color-582: var(--orange-coral);
    --color-586: var(--orange-terra);
    --color-560: var(--orange-bright);
    --color-9: var(--orange);
    --color-306: var(--orange);
    --color-330: var(--orange);
    --color-544: var(--orange);
    --color-547: var(--orange);
    --color-615: var(--orange);
    --color-312: var(--orange-bright);
    --color-313: var(--orange-bright);

    /* Peach */
    --color-336: var(--peach);
    --color-519: var(--peach-light);
    --color-214: var(--peach-pale);
    --color-163: var(--peach-lightest);
    --color-540: var(--peach-transparent);
    --color-275: var(--peach-transparent-light);
    --color-542: var(--peach);

    /* Yellow */
    --color-41: var(--yellow-light);
    --color-59: var(--yellow-light);
    --yellow-medium: var(--yellow-light);
    --color-10: var(--yellow);
    --color-233: var(--yellow-dark);
    --color-72: var(--gold-dark);
    --color-28: var(--gold-darkest);
    --color-294: var(--yellow-transparent);
    --color-281: var(--yellow-transparent-md);

    /* Cream & Beige */
    --color-141: var(--cream);
    --color-94: var(--beige);
    --color-504: var(--tan);
    --color-548: var(--cream);

    /* Brown */
    --color-351: var(--brown-light);
    --color-353: var(--brown-transparent);
    --color-168: var(--brown-medium);
    --color-355: var(--brown-dark);
    --color-558: var(--brown-dark);

    /* Green */
    --color-149: var(--green-lightest);
    --color-326: var(--green-success-bg);
    --color-611: var(--green-light);
    --color-85: var(--green-light);
    --green-muted: var(--green-light);
    --color-57: var(--green);
    --color-246: var(--teal-dark);
    --green-dark: var(--teal-dark);
    --color-26: var(--green-darker);
    --color-63: var(--green-darkest);

    /* Teal & Cyan */
    --color-257: var(--teal);
    --color-613: var(--teal);
    --color-12: var(--teal);
    --cyan-light: var(--teal);
    --cyan: var(--teal);
    --color-251: var(--teal-dark);
    --color-522: var(--teal-muted);

    /* Sky Blue */
    --color-577: var(--sky-lightest);
    --color-150: var(--sky-light);
    --color-307: var(--sky-pale);
    --color-89: var(--sky-muted);
    --color-176: var(--sky-blue);

    /* Blue */
    --color-30: var(--blue-light);
    --color-37: var(--blue-medium);
    --color-4: var(--blue);

    /* Slate */
    --color-155: var(--slate-light);
    --color-1: var(--slate-light);
    --slate-neutral: var(--slate-light);
    --purple-lightest: var(--slate-light);
    --purple-pale: var(--slate-light);
    --purple-gray: var(--slate-light);
    --color-2: var(--slate);

    /* Purple */
    --color-169: var(--slate-light);
    --color-572: var(--slate-light);
    --color-154: var(--slate-light);
    --color-195: var(--purple-lavender);
    --color-196: var(--purple-light);
    --color-6: var(--purple);
    --color-273: var(--purple-transparent);
    --color-567: var(--purple-transparent);
    --color-271: var(--purple-transparent);
    --purple-transparent-gray: var(--purple-transparent);
    --purple-transparent-dark: var(--purple-transparent);

    /* Pink */
    --color-145: var(--pink-lightest);
    --color-604: var(--pink-lightest);
    --pink-pale: var(--pink-lightest);
    --pink-dusty: var(--pink-lightest);
    --color-204: var(--pink-light);
    --color-205: var(--pink-light);
    --color-610: var(--pink-light);
    --color-75: var(--pink-light);
    --color-206: var(--pink-light);
    --pink-medium: var(--pink-light);
    --pink-bright: var(--pink-light);
    --pink-rose: var(--pink-light);
    --pink-hot: var(--pink-light);
    --color-7: var(--pink);
    --color-503: var(--magenta-dark);
    --color-289: var(--pink-transparent);
    --color-276: var(--pink-transparent-md);

    /* Registration aliases */
    --reg-primary-hover: var(--reg-primary);
    --reg-danger: var(--reg-primary);
    --reg-danger-hover: var(--reg-primary);

    /* Profile color scheme */
    --color-501: var(--pink);
    --color-502: var(--purple);
    --color-511: var(--black);
    --color-516: var(--gray-light);
    --color-524: var(--white);
    --color-556: var(--orange);


    --red-bright: var(--red-danger);
    --tan-warm: var(--tan-light);
    --tan-light-alt: var(--tan-light);
    --tan-transparent: var(--tan-light);
    --brown-light: var(--tan-light);
    --brown-transparent: var(--tan-light);
    --yellow-transparent: var(--yellow-light);
    --yellow-transparent-md: var(--yellow-light);
    --beige: var(--yellow-light);
    --gold-transparent: var(--yellow-light);
    --green-darkest: var(--green-darker);
    --green-success-bg: var(--green-lightest);

    --reg-primary: var(--orange-terra);
    --reg-secondary: var(--orange);
    --reg-secondary-hover:var(--orange);

    --red-burgundy: var(--red-dark);
    --red-darkest: var(--red-dark);
}