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

:root,
body,
.editor-styles-wrapper {
    --cocci-primary-color: #ffbd59;
    --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: #114d60;
    --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;
    --cocci-alternate-light-color: color-mix(
        in srgb,
        var(--cocci-alternate-color),
        transparent 74%
    );

    /* CTA */
    --cocci-text-color: #010508;
    --cocci-title-color: var(--cocci-secondary-color);
    --cocci-icon-color: var(--cocci-text-color);
    --cocci-product-color: var(--cocci-alternate-color);

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

    --cocci-background-color: #fefdfb;
    --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-active-text-color: var(--cocci-primary-color);
    --cocci-reversed-active-text-color: var(--cocci-secondary-color);

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

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

    --cocci-box-shadow-global:
        var(--cocci-secondary-light-color) 0px 0.0625em 0.0625em,
        var(--cocci-secondary-light-color) 0px 0.125em 0.5em,
        var(--cocci-secondary-light-light-color) 0px 0px 0px 1px inset;
    --cocci-box-shadow-content: var(--cocci-secondary-light-color) 0px 4px 12px;
    --cocci-box-shadow-content-hover:
        var(--cocci-secondary-light-light-color) 0px 4px 12px,
        var(--cocci-primary-light-color) 0px 0px 1px 2px;

    --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);
    --cocci-delete-color: #ff2222;

    /* THEME OVERLOADED 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: #fefdfb !important; /* Blocksy Global Background color! */
    --theme-palette-color-8: #fefdfb !important; /* Blocksy Header background */

    --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-color: var(--cocci-text-color);
    --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);

    --wp--preset--color--cta: var(--cocci-secondary-color);
    --wp--preset--color--ctahover: var(--cocci-primary-color);

    /* --wp--preset--color--base: rgb(245, 249, 255); */
    /* #f0e8e5 !important; */
    --theme-font-size: 16px !important;
}