/* --- VARIABLES & CONFIGURATION --- */
:root {
    /* --- COULEURS --- */
    --dark-bg: #0a1128;       
    --light-bg: #f8fafa;      
    
    --text-slate-900: #0f172a; 
    --text-slate-600: #334155;
    --text-body: #1a2530;      
    --white: #ffffff;

    --teal-600: #0d9488;       
    --blue-600: #2563eb;       
    
    --accent-green: #00a896;  
    --accent-orange: #ff9f43;
    --accent-teal: #00c9a7;
    --accent-purple: #6c5ce7;

    /* --- DÉGRADÉS --- */
    --gradient-text: linear-gradient(to right, #0d9488, #2563eb);
    --section-gradient: linear-gradient(to bottom right, #e0f7fa, #f8fafa, #e3f2fd);

    /* --- POLICES --- */
    --font-serif: 'Merriweather', serif;
    --font-body: 'Inter', sans-serif;

    /* --- DIVERS --- */
    --shadow-soft: 0 10px 30px rgba(0,0,0,0.05);
    --radius-card: 16px;
    --radius-btn: 50px;
}

/* --- RESET --- */
* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    font-family: var(--font-body);
    color: var(--text-body);
    line-height: 1.6;
    background-color: var(--light-bg);
    overflow-x: hidden;
}

/* TITRES */
h1, h2, h3, h4, .brand-name, .hero-tag { font-family: var(--font-serif); }

a { text-decoration: none; transition: 0.3s; }
ul { list-style: none; }

/* CONTENEUR GLOBAL */
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }