/* Base Reset and Shared Variables - CapitalPress */
:root {
    --font-primary: 'Inter', sans-serif;
    --font-secondary: 'Playfair Display', serif;

    --space-xs: 0.25rem; 
    --space-sm: 0.5rem; 
    --space-md: 1rem;
    --space-lg: 1.5rem;  
    --space-xl: 2rem;   
    --space-2xl: 3rem;

    --radius-sm: 2px; 
    --radius-md: 4px; 
    --radius-lg: 8px;

    --transition: all 0.3s ease;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { 
    font-family: var(--font-primary); 
    line-height: 1.8; 
    background-color: var(--bg-bone, #FAF9F6);
    color: var(--text-dark, #2C2C2C);
    -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; transition: var(--transition); }

/* Unified Container to match components.js */
.container { 
    max-width: 1200px; 
    margin: 0 auto; 
    padding: 0 40px; 
}

@media (max-width: 768px) {
    .container { padding: 0 20px; }
}

/* Utilities */
.text-center { text-align: center; }
.mt-1 { margin-top: var(--space-sm); }
.mt-2 { margin-top: var(--space-md); }
.mt-4 { margin-top: var(--space-xl); }