/*
Theme Name: LeadLuna
Theme URI: https://leadluna.com
Author: Jouw Naam
Author URI: https://leadluna.com
Description: Een op maat gemaakt, conversiegericht SaaS thema voor LeadLuna.
Version: 1.0
Text Domain: leadluna
*/

/* 1. Importeer een modern, strak SaaS lettertype (Plus Jakarta Sans) */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

/* 2. Custom CSS Variabelen (voor handmatig gebruik buiten Tailwind om) */
:root {
    --brand-primary: #4f46e5;
    --brand-primary-hover: #4338ca;
    --brand-accent: #f59e0b;
    --text-main: #0f172a;
    --text-muted: #475569;
    --bg-light: #f8fafc;
}

/* 3. Globale Instellingen */
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    background-color: var(--bg-light);
    color: var(--text-main);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 4. Custom Scrollbar (optioneel, voor een premium look) */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9; 
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1; 
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8; 
}

/* 5. Menu Animaties & Utilities */
#mobile-menu {
    transition: all 0.3s ease-in-out;
}