﻿:root {
    /* REGION Not used colors
    --white-chocolate: #ECE5DD;
    --orange: #D4680B;
    --orange2: #FF9200CC;
    --green: #4B857A;
    --green2: #418E65;
    --green4: #F5FBF8;
    --green6: #22947c;
    --gray: #828282;
    --gray2: #808080;
    --gray3: #C6C6C6;
    --gray5: #666;
    --red3: #C0000C;
    --red4: #FFEDE9;
    --bege: #FFF4CB;
    --redLight: #F89C9C;
    --redBgLightSweet: #F6CFCF;
    --purple1: #6445BF;
    --purple2: #8976C0;
    ENDREGION */

    /* REGION Boostrap colors */
    --bootstrap-success-font: #3C765B;
    --bootstrap-success-border: #D6E9C6;
    --bootstrap-success-background: #DFF0D8;
    --bootstrap-success-fg: var(--bootstrap-success-font);
    --bootstrap-success-bd: var(--bootstrap-success-border);
    --bootstrap-success-bg: var(--bootstrap-success-background);
    --bs-success-fg: var(--bootstrap-success-font);
    --bs-success-bd: var(--bootstrap-success-border);
    --bs-success-bg: var(--bootstrap-success-background);
    --bootstrap-info-font: #31708F;
    --bootstrap-info-border: #BCE8F1;
    --bootstrap-info-background: #D9EDF7;
    --bootstrap-info-fg: var(--bootstrap-info-font);
    --bootstrap-info-bd: var(--bootstrap-info-border);
    --bootstrap-info-bg: var(--bootstrap-info-background);
    --bs-info-fg: var(--bootstrap-info-font);
    --bs-info-bd: var(--bootstrap-info-border);
    --bs-info-bg: var(--bootstrap-info-background);
    --bootstrap-warning-font: #8A6D3B;
    --bootstrap-warning-border: #FAEBCC;
    --bootstrap-warning-background: #FCF8E3;
    --bootstrap-warning-fg: var(--bootstrap-warning-font);
    --bootstrap-warning-bd: var(--bootstrap-warning-border);
    --bootstrap-warning-bg: var(--bootstrap-warning-background);
    --bs-warning-fg: var(--bootstrap-warning-font);
    --bs-warning-bd: var(--bootstrap-warning-border);
    --bs-warning-bg: var(--bootstrap-warning-background);
    --bootstrap-error-font: #A94442;
    --bootstrap-error-border: #EBCCD1;
    --bootstrap-error-background: #F2DEDE;
    --bootstrap-error-fg: var(--bootstrap-error-font);
    --bootstrap-error-bd: var(--bootstrap-error-border);
    --bootstrap-error-bg: var(--bootstrap-error-background);
    --bs-error-fg: var(--bootstrap-error-font);
    --bs-error-bd: var(--bootstrap-error-border);
    --bs-error-bg: var(--bootstrap-error-background);
    /* ENDREGION */

    /* REGION Primary colors */
    --white: #FFF;
    --black: #000;
    --green3: #44B6AE;
    --green5: #09843A;
    --gray4: #292929;
    --red: #F84F4F;
    --red2: #ED5C5C;
    --blue: #0645AD;
    /* ENDREGION */
    /* REGION Simplify colors */
    --grayscale-1: #111;
    --grayscale-2: #222;
    --grayscale-3: #333;
    --grayscale-4: #444;
    --grayscale-5: #555;
    --grayscale-6: #666;
    --grayscale-7: #777;
    --grayscale-8: #888;
    --grayscale-9: #999;
    --grayscale-A: #AAA;
    --grayscale-B: #BBB;
    --grayscale-C: #CCC;
    --grayscale-D: #DDD;
    --grayscale-E: #EEE;
    /* ENDREGION */
    /* REGION Reshop colors */
    --reshopDefaultColor: #411E5A;
    --reshopDefaultColorDark: #280A3C;
    --reshopDefaultColorLight: #6E4B87;
    --reshop-default-color: var(--reshopDefaultColor);
    --reshop-default-color-dark: var(--reshopDefaultColorDark);
    --reshop-default-color-light: var(--reshopDefaultColorLight);
    --rs-default-color: var(--reshopDefaultColor);
    --rs-default-color-dk: var(--reshopDefaultColorDark);
    --rs-default-color-lg: var(--reshopDefaultColorLight);
    --rs-color: var(--reshopDefaultColor);
    --rs-color-dk: var(--reshopDefaultColorDark);
    --rs-color-lg: var(--reshopDefaultColorLight);
    --reshopBgLightSweet: #DFE7FE;
    --reshopLightPurple: #6445BF;
    --reshopPurple2: #411E5AC9;
    --reshopDanger: #F44336;
    --reshopPurple3: #8976C0;
    --reshopPurpleBorder: #8646CE;
    /* ENDREGION */

    /* REGION Paleta de Cores */
    /* Legends:
        Smooth:
            [COLOR]DarkStrong = -20%
            [COLOR]Dark       = -10%
            [COLOR]Light      = +10%
            [COLOR]LightSweet = +20%
            Heavy:
            [COLOR]DarkStrong = -60%
            [COLOR]Dark       = -30%
            [COLOR]Light      = +30%
            [COLOR]LightSweet = +60%
    */
    /* Smooth Colors */
    --silver: #C0C0C0; /* RGB: 192, 192, 192 */
    --silverDark: #ADADAD; /* 192 - 10% = 172.8 - Arrendondar pra cima RGB: 173, 173, 173 */
    --silverLight: #D3D3D3; /* 192 + 10% = 211.2 - Arrendondar pra baixo RGB: 211, 211, 211 */
    --silverDarkStrong: #9A9A9A; /* 192 - 20% = 153.6 - Arrendondar pra cima RGB: 154, 154, 154 */
    --silverLightSweet: #E6E6E6; /* 192 + 20% = 230.4 - Arrendondar pra baixo RGB: 230, 230, 230 */

    --gray: #808080; /* RGB: 128, 128, 128 */
    --grayDark: #737373;
    --grayLight: #8D8D8D;
    --grayDarkStrong: var(--grayscale-6);
    --grayLightSweet: var(--silverDarkStrong);
    /* Heavy Colors */
    /* --red: #F00; */
    --redDark: #B20000;
    --redLight: #F88;
    --redDarkStrong: #600;
    --redLightSweet: #FFD4D4;

    --green: #0F0;
    --greenDark: #00B200;
    --greenLight: #6F6;
    --greenDarkStrong: #060;
    --greenLightSweet: #B2FFB2;

    /* --blue: #00F; */
    --blueDark: #0000B2;
    --blueLight: #66F;
    --blueDarkStrong: #006;
    --blueLightSweet: #B2B2FF;

    --yellow: #FF0;
    --yellowDark: #B2B200;
    --yellowLight: #FF8;
    --yellowDarkStrong: #660;
    --yellowLightSweet: #FFFFD4;

    --pink: #F0F;
    --pinkDark: #B200B2;
    --pinkLight: #F6F;
    --pinkDarkStrong: #606;
    --pinkLightSweet: #FFB2FF;

    --orange: #FC0;
    --orangeDark: #FF8000;
    --orangeLight: #FFB088;
    --orangeDarkStrong: #820;
    --orangeLightSweet: #FFC0AA;

    --brown: #930;
    --brownDark: #6D0000;
    --brownLight: #B66;
    --brownDarkStrong: #4D0000;
    --brownLightSweet: #CC8866;
    /* ENDREGION */

    /* REGION Elements colors */
    --dotPulseColor: var(--white);
    --bdRed: var(--redDark);
    --bdRedHover: var(--redDarkStrong);
    --borderRed: var(--redDark);
    --borderRedHover: var(--redDarkStrong);
    --bgRed: var(--redLightSweet);
    --bgRedHover: var(--redLight);
    --backgroundRed: var(--redLightSweet);
    --backgroundRedHover: var(--redLight);
    --fgRed: var(--redDark);
    --fgRedHover: var(--redDarkStrong);
    --foregroundRed: var(--redDark);
    --foregroundRedHover: var(--redDarkStrong);

    --bdGreen: var(--greenDark);
    --bdGreenHover: var(--greenDarkStrong);
    --borderGreen: var(--greenDark);
    --borderGreenHover: var(--greenDarkStrong);
    --bgGreen: var(--greenLightSweet);
    --bgGreenHover: var(--greenLight);
    --backgroundGreen: var(--greenLightSweet);
    --backgroundGreenHover: var(--greenLight);
    --fgGreen: var(--greenDark);
    --fgGreenHover: var(--greenDarkStrong);
    --foregroundGreen: var(--greenDark);
    --foregroundGreenHover: var(--greenDarkStrong);

    --bdBlue: var(--blueDark);
    --bdBlueHover: var(--blueDarkStrong);
    --borderBlue: var(--blueDark);
    --borderBlueHover: var(--blueDarkStrong);
    --bgBlue: var(--blueLightSweet);
    --bgBlueHover: var(--blueLight);
    --backgroundBlue: var(--blueLightSweet);
    --backgroundBlueHover: var(--blueLight);
    --fgBlue: var(--blueDark);
    --fgBlueHover: var(--blueDarkStrong);
    --foregroundBlue: var(--blueDark);
    --foregroundBlueHover: var(--blueDarkStrong);

    --bdYellow: var(--yellowDark);
    --bdYellowHover: var(--yellowDarkStrong);
    --borderYellow: var(--yellowDark);
    --borderYellowHover: var(--yellowDarkStrong);
    --bgYellow: var(--yellowLightSweet);
    --bgYellowHover: var(--yellowLight);
    --backgroundYellow: var(--yellowLightSweet);
    --backgroundYellowHover: var(--yellowLight);
    --fgYellow: var(--yellowDark);
    --fgYellowHover: var(--yellowDarkStrong);
    --foregroundYellow: var(--yellowDark);
    --foregroundYellowHover: var(--yellowDarkStrong);

    --bdPink: var(--pinkDark);
    --bdPinkHover: var(--pinkDarkStrong);
    --borderPink: var(--pinkDark);
    --borderPinkHover: var(--pinkDarkStrong);
    --bgPink: var(--pinkLightSweet);
    --bgPinkHover: var(--pinkLight);
    --backgroundPink: var(--pinkLightSweet);
    --backgroundPinkHover: var(--pinkLight);
    --fgPink: var(--pinkDark);
    --fgPinkHover: var(--pinkDarkStrong);
    --foregroundPink: var(--pinkDark);
    --foregroundPinkHover: var(--pinkDarkStrong);

    --bdOrange: var(--orangeDark);
    --bdOrangeHover: var(--orangeDarkStrong);
    --borderOrange: var(--orangeDark);
    --borderOrangeHover: var(--orangeDarkStrong);
    --bgOrange: var(--orangeLightSweet);
    --bgOrangeHover: var(--orangeLight);
    --backgroundOrange: var(--orangeLightSweet);
    --backgroundOrangeHover: var(--orangeLight);
    --fgOrange: var(--orangeDark);
    --fgOrangeHover: var(--orangeDarkStrong);
    --foregroundOrange: var(--orangeDark);
    --foregroundOrangeHover: var(--orangeDarkStrong);

    --bdBrown: var(--brownDark);
    --bdBrownHover: var(--brownDarkStrong);
    --borderBrown: var(--brownDark);
    --borderBrownHover: var(--brownDarkStrong);
    --bgBrown: var(--brownLightSweet);
    --bgBrownHover: var(--brownLight);
    --backgroundBrown: var(--brownLightSweet);
    --backgroundBrownHover: var(--brownLight);
    --fgBrown: var(--brownDark);
    --fgBrownHover: var(--brownDarkStrong);
    --foregroundBrown: var(--brownDark);
    --foregroundBrownHover: var(--brownDarkStrong);
    /* ENDREGION */

    /* REGION Custom colors */
    --interactive-interactive-danger: #C0000C;
    --content-content-neutral-high: #292929;
    --interactive-link: #0574E9;
    --content-content-neutral-medium: #626262;
    /* ENDREGION */
}
