/****************************** Global ******************************/

:root,
body,
.editor-styles-wrapper {
    --cocci-primary-color: #cf2630;
    --cocci-primary-light-color: color-mix(in srgb, var(--cocci-primary-color), transparent 75%);
    --cocci-primary-light-light-color: color-mix(
        in srgb,
        var(--cocci-primary-color),
        transparent 95%
    );

    --cocci-secondary-color: #bfcb40;
    --cocci-secondary-light-color: color-mix(
        in srgb,
        var(--cocci-secondary-color),
        transparent 75%
    );
    --cocci-secondary-light-light-color: color-mix(
        in srgb,
        var(--cocci-secondary-color),
        transparent 94%
    );

    /* Attributs des jeux */
    --cocci-alternate-color: #a2d5ec; /* #d8ac6e; */
    --cocci-alternate-light-color: color-mix(
        in srgb,
        var(--cocci-alternate-color),
        transparent 74%
    );

    --cocci-text-color: #010508;
    --cocci-title-color: #3e4e50;
    --cocci-icon-color: var(--cocci-text-color);
    --cocci-product-color: var(--cocci-title-color);

    /* Définition des couleurs spécifiques au thème */

    --cocci-background-color: #fff; /* #fff; */
    --cocci-button-text-color: #fff; /* var(--cocci-text-color); */

    --cocci-nicelightblue: #57b7dc;
    --cocci-niceheavyblue: #57b7ff;
    --cocci-nicelightgrey: #e1e8ed;
    --cocci-niceocre: #ad4a24;
    --cocci-niceorange: #dc7c57;
    --cocci-emphasize-color: rgb(64, 191, 203);
    --cocci-wishlist-color: #ea4d65;
    --cocci-delete-color: #ff2222;
    --cocci-active-text-color: var(--cocci-primary-color);
    /* |not| reversed */
    --cocci-reversed-active-text-color: var(--cocci-primary-color);

    --cocci-initial-link-color: var(--cocci-primary-color);
    --cocci-link-color: var(--cocci-primary-color);

    --cocci-button-background: var(--cocci-secondary-color);
    --cocci-button-text-hover: var(--cocci-primary-color);
    --cocci-button-background-active: var(--cocci-secondary-color);

    --cocci-box-shadow-global-color: #bfcb403a;
    --cocci-box-shadow-global: 0px 0px 0.0325em 0.0925em var(--cocci-box-shadow-global-color);
    --cocci-box-shadow-content:
        var(--cocci-secondary-light-color) 0px 0px 2px 2px,
        var(--cocci-box-shadow-global-color) 0px 0px 0px 1px;
    --cocci-box-shadow-content-hover: var(--cocci-secondary-color) 0px 0px 4px 3px;

    --cocci-success-color: #5b841b;
    --cocci-success-background: #c6e1c6;
    --cocci-error-color: #ad6262;
    --cocci-error-background: #e1c6c6;
    --cocci-warning: #dc7c57;
    --cocci-warning-background: #dc7c57;
    --cocci-cookies-backgroud: rgb(71, 71, 71);

    /* BLOCKSY VALUES */

    --theme-palette-color-1: var(--cocci-primary-color) !important; /* Blocksy Link */
    --theme-palette-color-2: var(--cocci-primary-light-color) !important; /* Blocksy Link Hover */
    --theme-palette-color-3: var(--cocci-text-color) !important; /* Blocksy Text */
    --theme-palette-color-4: var(--cocci-title-color) !important; /* Headings */
    --theme-palette-color-5: var(--cocci-secondary-light-color) !important; /* Blocksy Border */
    --theme-palette-color-6: var(--cocci-secondary-color) !important; /* Blocksy  */
    --theme-palette-color-7: #ffffff !important;
    --theme-palette-color-8: #ffffff !important;

    --theme-border-color: var(--cocci-secondary-color) !important;
    --theme-border-radius: 8px !important;
    --theme-content-vertical-spacing: 15px !important;
    --theme-boxed-content-spacing: 15px !important;
    --theme-text-color: var(--cocci-text-color) !important;
    --theme-headings-color: var(--cocci-title-color) !important;
    --theme-heading-color: var(--cocci-title-color) !important;
    --theme-icon-color: var(--cocci-icon-color) !important;
    --theme-link-hover-color: var(--cocci-primary-color) !important;

    /**
WP THEME COLORS:
primary = background (white)
contrast = text (black-ish)
base = headings/title color
**/

    /*     --theme-border-color: var(--cocci-secondary-color) !important; */
    /*     --theme-border-radius: 8px !important; */
    /*     --theme-content-vertical-spacing: 15px !important; */
    /*     --theme-boxed-content-spacing: 15px !important; */
    /*     --theme-text-color: var(--cocci-text-color) !important; */
    /*     --theme-headings-color: var(--cocci-title-color) !important; */
    /*     --theme-heading-color: var(--cocci-title-color) !important; */
    /*     --theme-icon-color: var(--cocci-icon-color) !important; */

    /*     --theme-link-initial-color: var(--cocci-text-color) !important; */
    /*     --theme-link-hover-color: var(--cocci-primary-color) !important; */

    /*     --theme-selection-text-color: var(--cocci-secondary-color) !important; */
    /*     --dropdown-background-color: var(--cocci-background-color); */

    --theme-font-size: 16px !important;
}