/*
Theme Name: Heliscoop Formation
Theme URI: https://heliscoop.com
Author: Heliscoop / Coopaname
Author URI: https://heliscoop.com
Description: Thème léger et moderne pour Heliscoop Formation, organisme de formation coopératif.
Version: 2.0.4
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: heliscoop-formation
Tags: custom-colors, custom-logo, custom-menu, featured-images, responsive-layout, translation-ready
*/

/* =============================================
   CSS CUSTOM PROPERTIES
   ============================================= */
:root {
    /* Couleurs principales */
    --color-primary:    #E4993F;
    --color-accent:     #EE870B;
    --color-secondary:  #54595F;
    --color-text:       #48484A;

    /* Palette étendue */
    --color-blue:       #7A8CB6;
    --color-blue-dark:  #34457C;
    --color-purple:     #896687;
    --color-purple-dark:#453058;
    --color-terracotta: #BA745E;
    --color-rust:       #A64E38;
    --color-sand:       #AB9D78;
    --color-olive:      #6F6F44;

    /* Neutres */
    --color-white:      #FFFFFF;
    --color-bg:         #F8F7F5;
    --color-bg-alt:     #F0EEE9;
    --color-border:     #E0DDD7;
    --color-muted:      #9A9A9A;

    /* Typographie */
    --font-heading:     'Raleway', sans-serif;
    --font-body:        'Roboto', sans-serif;

    --text-xs:   0.75rem;
    --text-sm:   0.875rem;
    --text-base: 1rem;
    --text-lg:   1.125rem;
    --text-xl:   1.25rem;
    --text-2xl:  1.5rem;
    --text-3xl:  1.875rem;
    --text-4xl:  2.25rem;
    --text-5xl:  3rem;

    /* Espacement */
    --space-1:  0.25rem;
    --space-2:  0.5rem;
    --space-3:  0.75rem;
    --space-4:  1rem;
    --space-6:  1.5rem;
    --space-8:  2rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;

    /* Layout */
    --container-max:   1200px;
    --container-wide:  1400px;
    --container-narrow: 800px;

    /* Effets */
    --radius-sm:  4px;
    --radius:     8px;
    --radius-lg:  16px;
    --radius-xl:  24px;
    --shadow-sm:  0 1px 3px rgba(0,0,0,0.08);
    --shadow:     0 4px 16px rgba(0,0,0,0.10);
    --shadow-lg:  0 8px 32px rgba(0,0,0,0.14);

    /* Transitions */
    --transition: 0.2s ease;
    --transition-slow: 0.4s ease;
}