/* Dutch Dynamics LLC - Main Styles */
/* Base reset and typography */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* CSS Custom Properties (Variables) */
:root {
    --primary-green: #167544;
    --accent-gold: #EEBA2B;
    --dark-charcoal: #333132;
    --off-white: #FFFFF6;
    --bright-teal: #00C28A;
    --black: #121212;
    
    /* Typography */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-size-base: 1rem;
    --line-height-base: 1.6;
    
    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 6rem;
    
    /* Border radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
}

body {
    font-family: var(--font-family);
    line-height: var(--line-height-base);
    color: var(--dark-charcoal);
    background-color: var(--off-white);
}

/* container for main content */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--spacing-md);
}

/* section styling */
.section {
    padding: var(--spacing-lg) 0;
}

.section h2 {
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: var(--spacing-md);
    color: var(--primary-green);
    text-align: center;
}

.section-content {
    max-width: 800px;
    margin: 0 auto;
}