:root {
    --color-primary: var(--wp--preset--color--teal, #4c8981);
    --color-primary-dark: var(--wp--preset--color--teal-dark, #315f59);
    --color-action: #437a73;
    --color-action-hover: #315f59;
    --color-secondary: var(--wp--preset--color--secondary, #2d5577);
    --color-secondary-dark: var(--wp--preset--color--secondary-dark, #23445f);
    --color-secondary-light: var(--wp--preset--color--sky, #e6eff9);
    --color-accent: var(--wp--preset--color--gold, #ffca43);
    --color-accent-hover: #f2d495;
    --color-text: var(--wp--preset--color--charcoal, #414341);
    --color-muted: #636b67;
    --color-canvas: var(--wp--preset--color--paper, #fbfaf7);
    --color-surface: var(--wp--preset--color--white, #fff);
    --color-mist: var(--wp--preset--color--mist, #e9f0ed);
    --color-line: #d7e1dc;
    --color-danger: #8d2f2a;
    --font-sans: var(--wp--preset--font-family--body, 'Manrope', Arial, sans-serif);
    --font-serif: var(--wp--preset--font-family--heading, 'Libre Baskerville', Georgia, serif);
    --layout-wide: 1200px;
    --layout-edge: 96px;
    --section-space: 96px;
    --radius-small: 10px;
    --radius-medium: 14px;
    --radius-large: 24px;
    --shadow-card: 0 12px 35px rgb(35 68 95 / 8%);
    --transition-fast: 180ms ease;
}

@media (min-width: 1600px) {
    :root {
        --layout-wide: 1280px;
    }
}

@media (max-width: 1050px) {
    :root {
        --layout-edge: 56px;
    }
}

@media (max-width: 780px) {
    :root {
        --layout-edge: 40px;
        --section-space: 60px;
    }
}