/* +++++++++++++++++ REBRANDED COLORS (2025) +++++++++++++++++ */
:root {
    /* USAGE GUIDELINES:
     * - Use semantic names (--primary-color-*) in components
     * - Use literal names (--blue-*) only for one-off cases or when color is specifically blue
     */

    /* Primary: Blue */
    --butter-blue-090: #010156;
    --butter-blue-080: #00007c;
    --butter-blue-070: #0000a0;
    --butter-blue-060: #0000c5;
    --butter-blue-050: #0505e5;
    --butter-blue-040: #5050ff;
    --butter-blue-030: #a5c3ff;
    --butter-blue-020: #c6d7fe;
    --butter-blue-010: #f5fbff;

    --butter-primary-color-090: var(--butter-blue-090);
    --butter-primary-color-080: var(--butter-blue-080);
    --butter-primary-color-070: var(--butter-blue-070);
    --butter-primary-color-060: var(--butter-blue-060);
    --butter-primary-color-050: var(--butter-blue-050);
    --butter-primary-color-040: var(--butter-blue-040);
    --butter-primary-color-030: var(--butter-blue-030);
    --butter-primary-color-020: var(--butter-blue-020);
    --butter-primary-color-010: var(--butter-blue-010);

    /* Secondary: Sky Blue */
    --butter-sky-blue-090: #00455e;
    --butter-sky-blue-080: #006387;
    --butter-sky-blue-070: #00708f;
    --butter-sky-blue-060: #007ea0;
    --butter-sky-blue-050: #00bdff;
    --butter-sky-blue-040: #66dfff;
    --butter-sky-blue-030: #abe9ff;
    --butter-sky-blue-020: #c4efff;
    --butter-sky-blue-010: #f0fcff;

    --butter-secondary-color-090: var(--butter-sky-blue-090);
    --butter-secondary-color-080: var(--butter-sky-blue-080);
    --butter-secondary-color-070: var(--butter-sky-blue-070);
    --butter-secondary-color-060: var(--butter-sky-blue-060);
    --butter-secondary-color-050: var(--butter-sky-blue-050);
    --butter-secondary-color-040: var(--butter-sky-blue-040);
    --butter-secondary-color-030: var(--butter-sky-blue-030);
    --butter-secondary-color-020: var(--butter-sky-blue-020);
    --butter-secondary-color-010: var(--butter-sky-blue-010);


    /* Tetiary: Yellow */
    --butter-yellow-090: #5c4200;
    --butter-yellow-080: #845f00;
    --butter-yellow-070: #d89c07;
    --butter-yellow-060: #efc807;
    --butter-yellow-050: #fbe700;
    --butter-yellow-040: #fff263;
    --butter-yellow-030: #fff8a9;
    --butter-yellow-020: #fffac3;
    --butter-yellow-010: #fffcde;

    --butter-tertiary-color-090: var(--butter-yellow-090);
    --butter-tertiary-color-080: var(--butter-yellow-080);
    --butter-tertiary-color-070: var(--butter-yellow-070);
    --butter-tertiary-color-060: var(--butter-yellow-060);
    --butter-tertiary-color-050: var(--butter-yellow-050);
    --butter-tertiary-color-040: var(--butter-yellow-040);
    --butter-tertiary-color-030: var(--butter-yellow-030);
    --butter-tertiary-color-020: var(--butter-yellow-020);
    --butter-tertiary-color-010: var(--butter-yellow-010);

    /* Quadrary: Ultra Violet */
    --butter-ultra-violet-090: #620082;
    --butter-ultra-violet-080: #7200a0;
    --butter-ultra-violet-070: #8902c1;
    --butter-ultra-violet-060: #b44be0;
    --butter-ultra-violet-050: #d75fff;
    --butter-ultra-violet-040: #e7a0ff;
    --butter-ultra-violet-030: #eec5ff;
    --butter-ultra-violet-020: #f6dbff;
    --butter-ultra-violet-010: #fdf6ff;

    --butter-quadrary-color-090: var(--butter-ultra-violet-090);
    --butter-quadrary-color-080: var(--butter-ultra-violet-080);
    --butter-quadrary-color-070: var(--butter-ultra-violet-070);
    --butter-quadrary-color-060: var(--butter-ultra-violet-060);
    --butter-quadrary-color-050: var(--butter-ultra-violet-050);
    --butter-quadrary-color-040: var(--butter-ultra-violet-040);
    --butter-quadrary-color-030: var(--butter-ultra-violet-030);
    --butter-quadrary-color-020: var(--butter-ultra-violet-020);
    --butter-quadrary-color-010: var(--butter-ultra-violet-010);

    /* Neutral */
    --butter-neutral-090: #302c32;
    --butter-neutral-080: #443f46;
    --butter-neutral-070: #59545c;
    --butter-neutral-060: #706d71;
    --butter-neutral-050: #817d82;
    --butter-neutral-040: #cdcace;
    --butter-neutral-030: #e6e5e6;
    --butter-neutral-020: #f2f2f3;
    --butter-neutral-010: #ffffff;

    /* Error */
    --butter-error-050: #d83030;

    /* Approve */
    --butter-approve-050: #0d7d09;
}