/* variables.css — Brand design tokens shared across all pages */
:root {
    --color-primary: #1B453C;
    --color-secondary: #56716C;
    --color-alert: #A95533;
    --color-text: #C8C4B8;
    --color-accent: #E8937A;
    --color-caution: #D4A574;
    --color-emphasis: #2D6B64;
    --color-contrast: #A8B8C0;
    --color-bg-main: #F8F6F4;
    --color-bg-card: #F5EBE0;
    --color-bg-section: #DDE5DB;
    --color-success: #E8F3ED;
    --color-cream: #F2EDE7;
    --color-white: #FFFFFF;
    --color-black: #1A1A1A;

    --color-dark-green: var(--color-primary);
    --color-charcoal: #282828;
    --color-light-green: var(--color-success);
    --color-blue: var(--color-secondary);
    --color-tan: var(--color-bg-card);

    --radius-section: 32px;
    --header-height: 76px;
}