/* variables.css - Brand colors and design tokens */

:root {
    /* Base Neutrals */
    --color-charcoal: #1C1C1C;
    --color-offwhite: #F8F6F1;
    --color-sand: #DCCCB5;
    --color-bronze: #A67C52;
    
    /* Warm Accents */
    --color-terracotta: #C56E47;
    --color-olive: #5B6E3A;
    
    /* Blue Accent */
    --color-deep-teal: #1F5C57;
    --color-slate-blue: #2E4A5B;
    
    /* Typography Scale */
    --font-sans: 'Inter', sans-serif;
    --font-serif: 'Libre Baskerville', serif;
    
    /* Font Sizes */
    --font-size-base: 17px;
    --font-size-caption: 15px;
    
    /* Spacing */
    --section-padding-mobile: 5rem;
    --section-padding-desktop: 7rem;
    
    /* Transitions */
    --transition-default: 0.2s ease-in-out;
}