/*
Theme Name:   EPI Sécurité Industrielle
Theme URI:    https://votre-domaine.ma
Description:  Thème enfant Storefront pour boutique EPI / sécurité industrielle au Maroc.
Author:       Votre société
Author URI:   https://votre-domaine.ma
Template:     storefront
Version:      1.1.0
Text Domain:  epi-securite-theme
*/

/* ==========================================================================
   1. VARIABLES DE PALETTE (design system)
   ========================================================================== */
:root {
    --epi-blue-dark: #0B1F33;      /* Bleu foncé - headers, footer */
    --epi-blue-pro: #155EEF;       /* Bleu professionnel - CTA, liens */
    --epi-orange: #F59E0B;         /* Orange sécurité - badges, promo */
    --epi-gray-light: #F5F7FA;     /* Gris clair - fonds de section */
    --epi-text: #1A1D23;           /* Texte principal */
    --epi-white: #FFFFFF;

    --epi-radius-card: 12px;       /* border-radius cartes (10-14px demandé) */
    --epi-shadow-card: 0 2px 10px rgba(11, 31, 51, 0.06);
    --epi-border-subtle: 1px solid rgba(11, 31, 51, 0.08);

    --epi-font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

/* ==========================================================================
   2. RESET LÉGER / BASE
   ========================================================================== */
body {
    color: var(--epi-text);
    background-color: var(--epi-white);
    font-family: var(--epi-font-base);
}

a {
    color: var(--epi-blue-pro);
}

/* Les styles détaillés par composant (header, homepage, cartes produit,
   fiche produit...) seront ajoutés progressivement dans les phases
   suivantes, dans assets/css/, et chargés via wp_enqueue_style()
   pour garder ce fichier style.css réservé à la déclaration du thème
   et aux variables globales. */