/*
Theme Name: Lift Foils Child
Theme URI: https://liftfoils.fr
Template: atelier
Description: Child theme minimaliste d'Atelier pour Lift Foils - Allégé et optimisé
Author: Ghost Consulting
Version: 1.0.0
Text Domain: liftfoils-child
*/

/* ================================================
   VARIABLES CSS LIFT FOILS
   ================================================ */

:root {
    --color-primary: #1DC6C8;      /* Turquoise Lift Foils */
    --color-secondary: #EE815E;    /* Orange corail */
    --color-dark: #222222;
    --color-text: #666666;
    --color-light-bg: #F5F5F5;

    --container-width: 1200px;
    --header-height: 80px;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;

    --font-primary: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
    --font-heading: 'Montserrat', sans-serif;

    --transition-speed: 0.3s;
    --border-radius: 4px;
}

/* ================================================
   CUSTOM STYLES LIFT FOILS
   ================================================ */

/* Boutons accent personnalisés */
.sf-button.accent,
.sf-button.accent:hover {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.sf-button.secondary {
    background-color: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
}

/* Liens */
a {
    color: var(--color-primary);
    transition: color var(--transition-speed);
}

a:hover {
    color: var(--color-secondary);
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    color: var(--color-dark);
}

/* Sections avec background turquoise */
.section-primary {
    background-color: var(--color-primary);
    color: #fff;
}

.section-secondary {
    background-color: var(--color-light-bg);
}

/* Ajoutez vos styles custom ici */