/* Alternative palettes: ?pl=1 .. ?pl=5 (default = Soft Plum in main.css :root, same as ?pl=4) */

body.palette-1 {
    --color-bg-site: #FAF8F3;
    --color-bg-card: #FFFFFF;
    --color-text: #252525;
    --color-heading: #243142;
    --color-accent: #9A6A3A;
    --color-accent-strong: #243142;
    --color-accent-mid: #9A6A3A;
    --color-accent-light: #B8915A;
    --color-accent-soft: #D8C6A8;
    --color-accent-detail: #B8915A;
    --color-divider: #D8C6A8;
    --color-btn: #243142;
    --color-btn-hover: #1A2430;
    --color-footer-bg: #243142;
    --color-footer-hover: #D8C6A8;
    --color-hero-bg: #243142;
    --color-link: #9A6A3A;
    --color-link-hover: #243142;
    --color-nav-hover: #9A6A3A;
    --color-card-hover-bg: #FAF8F3;
    --color-focus: #9A6A3A;
    --bs-primary: #243142;
    --bs-primary-rgb: 36, 49, 66;
}

body.palette-2 {
    --color-bg-site: #FBF7F4;
    --color-bg-card: #FFFFFF;
    --color-text: #2A2424;
    --color-heading: #3A1F2A;
    --color-accent: #7B3346;
    --color-accent-strong: #4A2430;
    --color-accent-mid: #7B3346;
    --color-accent-light: #9A4A5E;
    --color-accent-soft: #E6D2D8;
    --color-accent-detail: #B8915A;
    --color-divider: #E6D2D8;
    --color-btn: #4A2430;
    --color-btn-hover: #3A1F2A;
    --color-footer-bg: #4A2430;
    --color-footer-hover: #E6D2D8;
    --color-hero-bg: #3A1F2A;
    --color-link: #7B3346;
    --color-link-hover: #4A2430;
    --color-nav-hover: #7B3346;
    --color-card-hover-bg: #FBF7F4;
    --color-focus: #7B3346;
    --bs-primary: #4A2430;
    --bs-primary-rgb: 74, 36, 48;
}

body.palette-3 {
    --color-bg-site: #F7F5F0;
    --color-bg-card: #FFFFFF;
    --color-text: #242424;
    --color-heading: #1F2933;
    --color-text-muted: #66635E;
    --color-accent: #B89A62;
    --color-accent-strong: #1F2933;
    --color-accent-mid: #B89A62;
    --color-accent-light: #C9B07A;
    --color-accent-soft: #DDD6CC;
    --color-accent-detail: #B89A62;
    --color-divider: #DDD6CC;
    --color-btn: #1F2933;
    --color-btn-hover: #151C24;
    --color-footer-bg: #1F2933;
    --color-footer-hover: #DDD6CC;
    --color-hero-bg: #1F2933;
    --color-link: #B89A62;
    --color-link-hover: #1F2933;
    --color-nav-hover: #B89A62;
    --color-card-hover-bg: #F7F5F0;
    --color-focus: #B89A62;
    --bs-primary: #1F2933;
    --bs-primary-rgb: 31, 41, 51;
}

body.palette-4 {
    --color-bg-site: #FAF7FA;
    --color-bg-card: #FFFFFF;
    --color-text: #28242A;
    --color-heading: #34213D;
    --color-accent: #72517D;
    --color-accent-strong: #34213D;
    --color-accent-mid: #72517D;
    --color-accent-light: #8A6696;
    --color-accent-soft: #E4D7E8;
    --color-accent-detail: #BDA071;
    --color-divider: #E4D7E8;
    --color-btn: #34213D;
    --color-btn-hover: #281A30;
    --color-footer-bg: #34213D;
    --color-footer-hover: #E4D7E8;
    --color-hero-bg: #34213D;
    --color-link: #72517D;
    --color-link-hover: #34213D;
    --color-nav-hover: #72517D;
    --color-card-hover-bg: #FAF7FA;
    --color-focus: #72517D;
    --bs-primary: #34213D;
    --bs-primary-rgb: 52, 33, 61;
}

body.palette-5 {
    --color-bg-site: #F8F6F1;
    --color-bg-card: #FFFFFF;
    --color-text: #262723;
    --color-heading: #28342C;
    --color-accent: #5A6B4F;
    --color-accent-strong: #28342C;
    --color-accent-mid: #5A6B4F;
    --color-accent-light: #6E8062;
    --color-accent-soft: #DDE3D5;
    --color-accent-detail: #A88755;
    --color-divider: #DDE3D5;
    --color-btn: #28342C;
    --color-btn-hover: #1E2822;
    --color-footer-bg: #28342C;
    --color-footer-hover: #DDE3D5;
    --color-hero-bg: #28342C;
    --color-link: #5A6B4F;
    --color-link-hover: #28342C;
    --color-nav-hover: #5A6B4F;
    --color-card-hover-bg: #F8F6F1;
    --color-focus: #5A6B4F;
    --bs-primary: #28342C;
    --bs-primary-rgb: 40, 52, 44;
}