/* 
Theme Name: Lemster Legacy Styles
*/

/* 1. Basis */
@import url('header.css');
@import url('footer.css');

@import url('0-section-hero.css');
@import url('1-section-usps.css');
@import url('2-section-vacatures.css');
@import url('3-section-cultuur.css');
@import url('4-section-testimonials.css');
@import url('5-section-checklist.css');
@import url('6-section-cta.css');

@import url('single-vacatures.css');
@import url('archive-vacatures.css');

@import url('page-contact.css');

/* --- 1. GLOBAL VARIABLES & RESET --- */
:root {
    /* Suver Thûs Kleuren */
    --color-blue: #65b8de;
    --color-blue-dark: #4da0c4;
    --color-green: #95c11f;
    --color-green-hover: #7ea31a;
    
    /* Neutrale kleuren */
    --color-text: #2c3e50;
    --color-text-light: #64748b;
    --color-bg: #f8fbff;
    --color-white: #ffffff;

    /* Fonts (Zorg dat deze ingeladen zijn in header.php) */
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Open Sans', sans-serif;

    /* Layout */
    --container-width: 1240px;
    --border-radius-lg: 30px;
    --border-radius-btn: 50px;
    --shadow-soft: 0 10px 40px rgba(101, 184, 222, 0.15);
    --transition: all 0.3s ease-in-out;
}

/* Base Reset */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: var(--font-body); color: var(--color-text); line-height: 1.6; overflow-x: hidden; }
h1, h2, h3 { font-family: var(--font-heading); font-weight: 700; line-height: 1.2; }
img { max-width: 100%; height: auto; }
a { text-decoration: none; }

/* Container Utility */
.container {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 20px;
}