/*
Theme Name: NosJardinsEco Theme
Theme URI: https://nosjardinseco.fr
Author: AJ Studio Web
Author URI: https://nosjardinseco.fr
Description: Thème custom premium pour Nos Jardins Eco Concept – boutique e-commerce nature, jardin, bricolage et bien-être.
Version: 1.1.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.1
License: Proprietary
Text Domain: nosjardinseco
Tags: e-commerce, woocommerce, custom, nature, premium, mobile-first
*/

/* ============================================================
   NosJardinsEco Theme – Style principal
   Palette, typographie et variables CSS globales
   ============================================================ */

/* ----------------------------------------------------------
   1. Variables CSS – Palette officielle
   ---------------------------------------------------------- */
:root {
    /* Couleurs principales */
    --color-green:          #34A42E;
    --color-green-deep:     #1F6F2B;
    --color-gold:           #A67C00;
    --color-gold-light:     #D4AF37;

    /* Couleurs neutres */
    --color-text:           #3C3C3C;
    --color-bg:             #F8F7F2;
    --color-beige:          #EFE9DD;
    --color-border:         #D9D9D9;

    /* Or brillant – footer / mentions premium */
    --color-gold-shine:     linear-gradient(135deg, #C8A75A 0%, #E4C97A 50%, #C8A75A 100%);

    /* Blanc */
    --color-white:          #F8F8F8;

    /* ----------------------------------------------------------
       2. Typographie
       ---------------------------------------------------------- */
    --font-title:           'Playfair Display', Georgia, serif;
    --font-body:            'Inter', system-ui, sans-serif;

    --font-size-base:       16px;
    --line-height-base:     1.6;

    /* Hiérarchie typographique */
    --font-size-h1:         clamp(2rem, 5vw, 3.5rem);
    --font-size-h2:         clamp(1.5rem, 3.5vw, 2.5rem);
    --font-size-h3:         clamp(1.25rem, 2.5vw, 1.75rem);
    --font-size-h4:         1.25rem;
    --font-size-small:      0.875rem;

    --font-weight-regular:  400;
    --font-weight-medium:   500;
    --font-weight-semibold: 600;
    --font-weight-bold:     700;

    /* ----------------------------------------------------------
       3. Espacement
       ---------------------------------------------------------- */
    --spacing-xs:           0.5rem;
    --spacing-sm:           1rem;
    --spacing-md:           1.5rem;
    --spacing-lg:           2.5rem;
    --spacing-xl:           4rem;
    --spacing-2xl:          6rem;

    /* ----------------------------------------------------------
       4. Layout
       ---------------------------------------------------------- */
    --container-max:        1280px;
    --container-padding:    clamp(1rem, 4vw, 2rem);

    /* ----------------------------------------------------------
       5. Bordures & ombres
       ---------------------------------------------------------- */
    --radius-sm:            6px;
    --radius-md:            12px;
    --radius-lg:            20px;
    --radius-full:          9999px;

    --shadow-sm:            0 2px 8px rgba(0, 0, 0, 0.06);
    --shadow-md:            0 4px 16px rgba(0, 0, 0, 0.10);
    --shadow-lg:            0 8px 32px rgba(0, 0, 0, 0.14);

    /* ----------------------------------------------------------
       6. Transitions
       ---------------------------------------------------------- */
    --transition-fast:      0.15s ease;
    --transition-base:      0.25s ease;
    --transition-slow:      0.4s ease;

    /* ----------------------------------------------------------
       7. Z-index
       ---------------------------------------------------------- */
    --z-base:               1;
    --z-dropdown:           100;
    --z-header:             200;
    --z-modal:              300;
    --z-overlay:            400;
}