:root {
    --c-espresso: #221F1E;
    --c-taupe: #5A534E;
    --c-champagne: #B89C72;
    --c-champagne-light: #E3D9C8;
    --c-alabaster: #F9F8F6;
    --c-cashmere: #EFECE7;
    --c-border: #D8D1C7;
    --c-white: #FFFFFF;
    --c-black: #000000;
    --c-header-bg: rgba(249, 248, 246, 0.9);
    --c-header-border: rgba(216, 209, 199, 0.5);
    --c-error: #A24843;
    --c-focus-ring: rgba(184, 156, 114, 0.2);
    --c-focus-ring-strong: rgba(184, 156, 114, 0.28);
    --c-error-ring: rgba(162, 72, 67, 0.18);
    --c-overlay-scrim: rgba(24, 21, 20, 0.45);

    --f-serif: 'Cormorant Garamond', serif;
    --f-sans: 'Jost', sans-serif;

    --container-w: 1200px;
    --container-width: var(--container-w);

    --color-primary: var(--c-espresso);
    --color-secondary: var(--c-cashmere);
    --color-accent: var(--c-champagne);
    --color-accent-light: var(--c-champagne-light);
    --color-text: var(--c-espresso);
    --color-text-light: var(--c-taupe);
    --color-bg: var(--c-alabaster);
    --color-white: var(--c-white);
    --color-black: var(--c-black);
    --color-border: var(--c-border);
    --font-heading: var(--f-serif);
    --font-body: var(--f-sans);
}

html[data-theme="espresso"] {
    --c-espresso: #221F1E;
    --c-taupe: #5A534E;
    --c-champagne: #B89C72;
    --c-champagne-light: #E3D9C8;
    --c-alabaster: #F9F8F6;
    --c-cashmere: #EFECE7;
    --c-border: #D8D1C7;
    --c-header-bg: rgba(249, 248, 246, 0.9);
    --c-header-border: rgba(216, 209, 199, 0.5);
}

html[data-theme="mocha"] {
    --c-espresso: #2B2522;
    --c-taupe: #665C56;
    --c-champagne: #BFA17B;
    --c-champagne-light: #E8DED0;
    --c-alabaster: #F8F5F1;
    --c-cashmere: #EFE8E0;
    --c-border: #DDD2C6;
    --c-header-bg: rgba(248, 245, 241, 0.9);
    --c-header-border: rgba(221, 210, 198, 0.55);
}

html[data-theme="champagne"] {
    --c-espresso: #2A2421;
    --c-taupe: #625A55;
    --c-champagne: #C2A885;
    --c-champagne-light: #ECE2D4;
    --c-alabaster: #FBF8F3;
    --c-cashmere: #F3ECE2;
    --c-border: #E1D6C7;
    --c-header-bg: rgba(251, 248, 243, 0.9);
    --c-header-border: rgba(225, 214, 199, 0.55);
}

html[data-theme="rosewood"] {
    --c-espresso: #352929;
    --c-taupe: #746362;
    --c-champagne: #C49A92;
    --c-champagne-light: #EEDFD9;
    --c-alabaster: #FBF7F6;
    --c-cashmere: #F2E9E7;
    --c-border: #E3D2D0;
    --c-header-bg: rgba(251, 247, 246, 0.9);
    --c-header-border: rgba(227, 210, 208, 0.55);
}

html[data-theme="sage"] {
    --c-espresso: #2A2F29;
    --c-taupe: #646C61;
    --c-champagne: #AFA880;
    --c-champagne-light: #E4E5D9;
    --c-alabaster: #F7F8F4;
    --c-cashmere: #EAECE4;
    --c-border: #D6DACF;
    --c-header-bg: rgba(247, 248, 244, 0.9);
    --c-header-border: rgba(214, 218, 207, 0.55);
}