[data-theme="light"],
:root:not([data-theme="dark"]) {
    /* Variables dédiées au template Portailpro */
    --portailpro-danger-color: #e4003a;
    --portailpro-warning-color: #EC8A18;
    --portailpro-success-color: #1db047;

    --portailpro-table-background: #F5F7FA;
    --portailpro-table-foreground: #637085;

    --portailpro-active-color: #24b26b;
    --portailpro-active-background: rgba(85, 212, 106, 0.1);
    --portailpro-inactive-color: #721c24;
    --portailpro-inactive-background: #f8d7da;

    --portailpro-menu-background: #000A2D;
    --portailpro-menu-color: white;
    --portailpro-menu-background-hover: rgba(26, 142, 255, 0.1);
    --portailpro-menu-color-hover: #E6F500;

    --portailpro-button-primary-background: #E6F500;
    --portailpro-button-primary-border-color: #ffffff;
    --portailpro-button-primary-color: #000000;
    --portailpro-button-primary-background-hover: hsl(64, 95%, 48%);
    --portailpro-button-primary-border-color-hover: #ffffff;
    --portailpro-button-primary-color-hover: #000000;
    --portailpro-button-secondary-background: #F5F7FA;
    --portailpro-button-secondary-border-color: #ffffff;
    --portailpro-button-secondary-color: #000000;
    --portailpro-button-secondary-background-hover: #F5F7FA;
    --portailpro-button-secondary-border-color-hover: #ffffff;
    --portailpro-button-secondary-color-hover: #000000;

    /* override de pico */
    --pico-font-family: var(--project-font-family, "Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif");

    --pico-spacing: 0.5rem;
    --pico-font-size: 16px !important;

    --pico-border-radius: 16px;

    --pico-block-spacing-vertical: calc(var(--pico-spacing) * 2);
    --pico-typography-spacing-vertical: 0.5rem;
    --pico-text-color: inherit;
    --pico-reverse-color: #000;
    --pico-background-color: white !important;
    --pico-mobile-breakpoint: 600px;

    --pico-primary: #000A2D !important;
    --pico-primary-hover: #021742 !important;
    --pico-primary-inverse: var(--pico-reverse-color) !important;
    --pico-primary-background: var(--pico-primary) !important;
    --pico-primary-hover-background: var(--pico-primary-hover) !important;

    --pico-secondary: #E6F500 !important;
    --pico-secondary-hover: rgba(230, 245, 0, 0.9) !important;
    --pico-secondary-background: var(--pico-secondary) !important;
    --pico-secondary-hover-background: var(--pico-secondary-hover) !important;
    --pico-secondary-inverse: var(--pico-reverse-color) !important;
}