/* colors/bootstrap-evf-colors-base.css
   Purpose:
   - Define the EVF palette and derived EVF color values.
   May contain:
   - Raw RGB palette tokens
   - Derived EVF color tokens
   Must not contain:
   - Component selectors
   - App meaning tokens
   - Bootstrap variable remaps
   Dependencies:
   - None beyond being loaded before the other EVF color files.
   Scope:
   - Global EVF base colors only.
*/

/*
=========================================================
Eigenverft palette (codenames)
Raw "paint" colors. These do not change by component.
=========================================================
*/

/*
    Helper links:
    https://hihayk.github.io/scale

    Bluecoat:
    https://hihayk.github.io/scale/#6/9/0/79/310/67/100/100/06213a/6/33/58/white

    Icesail:
    https://hihayk.github.io/scale/#9/6/79/0/67/310/100/100/d9f0ff/217/240/255/black
*/

:root {
    /*
        Palette sync note:
        If you change --evf-creammap-rgb or --evf-tarink-rgb here, also review the
        early-boot hard-coded color fallbacks and the hard-coded mail template colors.
        This applies to the light creammap side and the dark tarink side alike.
        Review these files together:
        - Components/App.razor (theme-color meta tags)
        - wwwroot/lib/eigenverft/bootstrapthemeswitcher.js (inlineBgLight / inlineBgDark)
        - wwwroot/assets/logo-on_dark.svg (CreamMap fill/stroke)
        - AppMailTemplates (.email.html files with hard-coded email background/foreground values)
    */

    /* Light background */
    --evf-creammap-rgb: 251, 248, 243;

    /* Darker colors for light surfaces */
    --evf-bluecoat-base-rgb: 6, 33, 58;
    --evf-bluecoat-teal-rgb: 2, 62, 39;
    --evf-bluecoat-green-rgb: 14, 67, 0;
    --evf-bluecoat-yellow-rgb: 71, 63, 0;
    --evf-bluecoat-red-rgb: 75, 0, 0;
    --evf-bluecoat-purple-rgb: 80, 0, 63;
    --evf-bluecoat-violet-rgb: 13, 0, 84;

    --evf-bluecoat-base-90-rgb: 196, 224, 233;
    --evf-bluecoat-base-80-rgb: 175, 208, 210;
    --evf-bluecoat-base-70-rgb: 155, 188, 188;
    --evf-bluecoat-base-60-rgb: 135, 166, 166;
    --evf-bluecoat-base-50-rgb: 116, 143, 142;
    --evf-bluecoat-base-40-rgb: 97, 121, 116;
    --evf-bluecoat-base-30-rgb: 78, 98, 92;
    --evf-bluecoat-base-20-rgb: 60, 76, 68;
    --evf-bluecoat-base-10-rgb: 42, 54, 46;

    /* Dark background */
    --evf-tarink-rgb: 9, 14, 15;

    /* Lighter colors for dark surfaces */
    --evf-icesail-base-rgb: 217, 240, 255;
    --evf-icesail-teal-rgb: 214, 255, 238;
    --evf-icesail-green-rgb: 227, 255, 211;
    --evf-icesail-yellow-rgb: 255, 254, 208;
    --evf-icesail-red-rgb: 255, 204, 208;
    --evf-icesail-purple-rgb: 255, 201, 255;
    --evf-icesail-violet-rgb: 215, 198, 255;

    --evf-icesail-base-90-rgb: 196, 224, 233;
    --evf-icesail-base-80-rgb: 175, 208, 210;
    --evf-icesail-base-70-rgb: 155, 188, 188;
    --evf-icesail-base-60-rgb: 135, 166, 166;
    --evf-icesail-base-50-rgb: 116, 143, 142;
    --evf-icesail-base-40-rgb: 97, 121, 116;
    --evf-icesail-base-30-rgb: 78, 98, 92;
    --evf-icesail-base-20-rgb: 60, 76, 68;
    --evf-icesail-base-10-rgb: 42, 54, 46;
}

/*
=========================================================
Derived EVF tokens
These convert raw RGB palette tokens into reusable colors.
=========================================================
*/

:root {
    /* Light background */
    --evf-creammap: rgb(var(--evf-creammap-rgb));

    /* Darker colors for light surfaces */
    --evf-bluecoat-base: rgb(var(--evf-bluecoat-base-rgb));
    --evf-bluecoat-teal: rgb(var(--evf-bluecoat-teal-rgb));
    --evf-bluecoat-green: rgb(var(--evf-bluecoat-green-rgb));
    --evf-bluecoat-yellow: rgb(var(--evf-bluecoat-yellow-rgb));
    --evf-bluecoat-red: rgb(var(--evf-bluecoat-red-rgb));
    --evf-bluecoat-purple: rgb(var(--evf-bluecoat-purple-rgb));
    --evf-bluecoat-violet: rgb(var(--evf-bluecoat-violet-rgb));

    --evf-bluecoat-base-90: rgb(var(--evf-bluecoat-base-90-rgb));
    --evf-bluecoat-base-80: rgb(var(--evf-bluecoat-base-80-rgb));
    --evf-bluecoat-base-70: rgb(var(--evf-bluecoat-base-70-rgb));
    --evf-bluecoat-base-60: rgb(var(--evf-bluecoat-base-60-rgb));
    --evf-bluecoat-base-50: rgb(var(--evf-bluecoat-base-50-rgb));
    --evf-bluecoat-base-40: rgb(var(--evf-bluecoat-base-40-rgb));
    --evf-bluecoat-base-30: rgb(var(--evf-bluecoat-base-30-rgb));
    --evf-bluecoat-base-20: rgb(var(--evf-bluecoat-base-20-rgb));
    --evf-bluecoat-base-10: rgb(var(--evf-bluecoat-base-10-rgb));

    /* Dark background */
    --evf-tarink: rgb(var(--evf-tarink-rgb));

    /* Lighter colors for dark surfaces */
    --evf-icesail-base: rgb(var(--evf-icesail-base-rgb));
    --evf-icesail-teal: rgb(var(--evf-icesail-teal-rgb));
    --evf-icesail-green: rgb(var(--evf-icesail-green-rgb));
    --evf-icesail-yellow: rgb(var(--evf-icesail-yellow-rgb));
    --evf-icesail-red: rgb(var(--evf-icesail-red-rgb));
    --evf-icesail-purple: rgb(var(--evf-icesail-purple-rgb));
    --evf-icesail-violet: rgb(var(--evf-icesail-violet-rgb));

    --evf-icesail-base-90: rgb(var(--evf-icesail-base-90-rgb));
    --evf-icesail-base-80: rgb(var(--evf-icesail-base-80-rgb));
    --evf-icesail-base-70: rgb(var(--evf-icesail-base-70-rgb));
    --evf-icesail-base-60: rgb(var(--evf-icesail-base-60-rgb));
    --evf-icesail-base-50: rgb(var(--evf-icesail-base-50-rgb));
    --evf-icesail-base-40: rgb(var(--evf-icesail-base-40-rgb));
    --evf-icesail-base-30: rgb(var(--evf-icesail-base-30-rgb));
    --evf-icesail-base-20: rgb(var(--evf-icesail-base-20-rgb));
    --evf-icesail-base-10: rgb(var(--evf-icesail-base-10-rgb));
}