/*
 * ═══════════════════════════════════════════════════════
 * Color Palette generated by strategycolors.com
 * Design: Flaskk One
 * Source: https://strategycolors.com/153019
 * Generated: 2026-07-17T14:08:49-04:00
 * ═══════════════════════════════════════════════════════
 */

:root {
    /* Primary Palette Colors (HEX) */
    --palette-color-1: #E4E4E4;
    --palette-color-2: #FEFEFE;
    --palette-color-3: #2C2C2F;
    --palette-color-4: #C2C2C1;
    --palette-color-5: #2222A7;
    --palette-color-6: #8A8A8A;
    --palette-color-7: #1E1E84;
    --palette-color-8: #3C3C3C;

    /* RGB Values */
    --palette-color-1-rgb: 228,228,228;
    --palette-color-2-rgb: 254,254,254;
    --palette-color-3-rgb: 44,44,47;
    --palette-color-4-rgb: 194,194,193;
    --palette-color-5-rgb: 34,34,167;
    --palette-color-6-rgb: 138,138,138;
    --palette-color-7-rgb: 30,30,132;
    --palette-color-8-rgb: 60,60,60;

    /* Semantic Aliases */
    --color-primary: var(--palette-color-1);
    --color-secondary: var(--palette-color-2);
    --color-accent: var(--palette-color-3);
}

/* Background Utility Classes */
.bg-palette-1 { background-color: var(--palette-color-1); }
.bg-palette-2 { background-color: var(--palette-color-2); }
.bg-palette-3 { background-color: var(--palette-color-3); }
.bg-palette-4 { background-color: var(--palette-color-4); }
.bg-palette-5 { background-color: var(--palette-color-5); }
.bg-palette-6 { background-color: var(--palette-color-6); }
.bg-palette-7 { background-color: var(--palette-color-7); }
.bg-palette-8 { background-color: var(--palette-color-8); }

/* Text Color Utility Classes */
.text-palette-1 { color: var(--palette-color-1); }
.text-palette-2 { color: var(--palette-color-2); }
.text-palette-3 { color: var(--palette-color-3); }
.text-palette-4 { color: var(--palette-color-4); }
.text-palette-5 { color: var(--palette-color-5); }
.text-palette-6 { color: var(--palette-color-6); }
.text-palette-7 { color: var(--palette-color-7); }
.text-palette-8 { color: var(--palette-color-8); }

/* Border Utility Classes */
.border-palette-1 { border-color: var(--palette-color-1); }
.border-palette-2 { border-color: var(--palette-color-2); }
.border-palette-3 { border-color: var(--palette-color-3); }
.border-palette-4 { border-color: var(--palette-color-4); }
.border-palette-5 { border-color: var(--palette-color-5); }
.border-palette-6 { border-color: var(--palette-color-6); }
.border-palette-7 { border-color: var(--palette-color-7); }
.border-palette-8 { border-color: var(--palette-color-8); }