.cp-theme-palette-giornalistipugliesi {
    --color-accent-1-base: #2AA77D;
    --color-accent-1-contrast: #FFF;
    --color-accent-2-base: #E0E0E0;
    --color-accent-2-contrast: #000;
    --color-accent-1-alt-base: color-mix(in srgb, var(--color-accent-1-base) 80%, white);
    --color-accent-1-alt-contrast: var(--color-accent-1-contrast);
    --color-accent-2-alt-base: color-mix(in srgb, var(--color-accent-2-base) 80%, white);
    --color-accent-2-alt-contrast: var(--color-accent-2-contrast);
    --filter-logo: hue-rotate(0deg);
}

.cp-theme-mode-light {
    --color-bg: #FFF;
    --color-fg: #2C2C2C;

    --color-border-1: var(--color-fg);
    --color-border-2: var(--color-accent-2-base);
    --color-bg-overlay: color-mix(in srgb, var(--color-bg), transparent 10%);

    --color-btn-1-bg: var(--color-accent-1-base);
    --color-btn-1-fg: var(--color-accent-1-contrast);
    --color-btn-1-bg-hover: var(--color-accent-1-alt-base);
    --color-btn-1-fg-hover: var(--color-accent-1-alt-contrast);

    --color-btn-2-bg: var(--color-accent-2-base);
    --color-btn-2-fg: var(--color-accent-2-contrast);
    --color-btn-2-bg-hover: var(--color-accent-2-alt-base);
    --color-btn-2-fg-hover: var(--color-accent-2-alt-contrast);
}

.cp-theme-mode-dark {
    --color-bg: #2C2C2C;
    --color-fg: #FFF;

    --color-border-1: var(--color-fg);
    --color-border-2: var(--color-accent-2-base);
    --color-bg-overlay: color-mix(in srgb, var(--color-bg), transparent 10%);

    --color-btn-1-bg: var(--color-accent-1-base);
    --color-btn-1-fg: var(--color-accent-1-contrast);
    --color-btn-1-bg-hover: var(--color-accent-1-alt-base);
    --color-btn-1-fg-hover: var(--color-accent-1-alt-contrast);

    --color-btn-2-bg: var(--color-accent-2-base);
    --color-btn-2-fg: var(--color-accent-2-contrast);
    --color-btn-2-bg-hover: var(--color-accent-2-alt-base);
    --color-btn-2-fg-hover: var(--color-accent-2-alt-contrast);
}

.cp-theme-mode-accented {
    --color-bg: var(--color-accent-1-base);
    --color-fg: var(--color-accent-1-contrast);

    --color-border-1: var(--color-btn-1-fg);
    --color-border-2: var(--color-btn-1-fg);
    --color-bg-overlay: color-mix(in srgb, var(--color-bg), transparent 10%);

    --color-btn-1-bg: #FFF;
    --color-btn-1-fg: #2C2C2C;
    --color-btn-1-bg-hover: #E0E0E0;
    --color-btn-1-fg-hover: #2C2C2C;

    --color-btn-2-bg: #2C2C2C;
    --color-btn-2-fg: #FFF;
    --color-btn-2-bg-hover: #000;
    --color-btn-2-fg-hover: #FFF;
}

.cp-theme-mode-accented-2 {
    --color-bg: var(--color-accent-2-base);
    --color-fg: var(--color-accent-2-contrast);
    --color-border: var(--color-btn-1-fg);
    --color-border: var(--color-btn-1-fg);
    --color-bg-overlay: color-mix(in srgb, var(--color-bg), transparent 10%);

    --color-btn-1-bg: #FFF;
    --color-btn-1-fg: #2C2C2C;
    --color-btn-1-bg-hover: #E0E0E0;
    --color-btn-1-fg-hover: #2C2C2C;

    --color-btn-2-bg: #2C2C2C;
    --color-btn-2-fg: #FFF;
    --color-btn-2-bg-hover: #000;
    --color-btn-2-fg-hover: #FFF;
}