/*
Theme Name: Sourires du Saloum
Theme URI: https://souriresdusaloum.ch
Author: Votre Agence Web
Description: Thème personnalisé pour l'Association Les Sourires du Saloum
Version: 2.1.0
License: GNU General Public License v2 or later
Text Domain: sourires-du-saloum
*/

/* ===== CSS VARIABLES ===== */
:root {
    --primary: #1B6B3A;
    --primary-dark: #134d2a;
    --primary-light: #e8f5ee;
    --accent: #E8821A;
    --accent-dark: #c56d10;
    --accent-light: #fff3e0;
    --dark: #1C2526;
    --text: #2d3436;
    --text-light: #636e72;
    --white: #ffffff;
    --bg: #fafafa;
    --bg-section: #f5f5f0;
    --border: #e0e0e0;
    --font-heading: 'Playfair Display', Georgia, serif;
    --font-body: 'Lato', 'Helvetica Neue', sans-serif;
    --radius: 8px;
    --radius-lg: 16px;
    --shadow: 0 4px 20px rgba(0,0,0,0.08);
    --shadow-hover: 0 8px 30px rgba(0,0,0,0.15);
    --transition: 0.3s ease;
}

/* ===== RESET & BASE ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; font-size: 16px; }

body {
    font-family: var(--font-body);
    color: var(--text);
    background: var(--bg);
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }
a { color: var(--primary); text-decoration: none; transition: color var(--transition); }
a:hover { color: var(--accent); }

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    color: var(--dark);
    line-height: 1.3;
}

ul { list-style: none; }

/* Force cache refresh v2.0 */