/* ==========================================================================
   WooCaftan Optimizer — Charte graphique (Phase 4)
   ==========================================================================
   Fichier UNIQUE et central : toutes les couleurs/typos/rayons utilisés
   par les modules front (menu unifié, recherche, filtres, achat rapide,
   badges) viennent d'ICI, sous forme de variables CSS. Pour changer
   l'identité visuelle plus tard, ce fichier suffit — aucun autre CSS du
   plugin ne doit contenir de couleur ou de police "en dur".

   —— Pourquoi ces choix (voir aussi le rapport de fin de Phase 4) ——

   Couleurs : on évite volontairement le look "généré par IA" par
   défaut (fond crème #F4F1EA + accent terracotta, ou noir + néon).
   La palette part plutôt de matières et de couleurs réellement
   associées à l'artisanat marocain de luxe : le plâtre/tadelakt clair
   des riads, l'encre profonde du bois de cèdre, le bleu Majorelle
   (le bleu cobalt emblématique du Jardin Majorelle à Marrakech — une
   référence marocaine forte et identifiable, pas un accent générique),
   le fil d'or des broderies "majboud", et le grenat profond de la
   grenade (motif traditionnel marocain), réservé aux badges soldes.

   Typographie : Fraunces (serif à l'esprit ciselé, qui rappelle le
   travail du bois et du laiton gravés) pour les titres, Work Sans
   (sans-serif chaleureuse et très lisible, plus singulière qu'Inter)
   pour le texte courant, les prix et les filtres.
   ========================================================================== */

:root {

    /* ---------- Couleurs de fond ---------- */
    --wco-color-bg:            #F5EFE2; /* Plâtre — fond chaud clair, esprit tadelakt */
    --wco-color-surface:       #FFFFFF; /* Cartes, panneaux, tiroir */
    --wco-color-surface-soft:  #FBF7EE; /* Fond légèrement teinté (survol, lignes alternées) */

    /* ---------- Couleurs de texte ---------- */
    --wco-color-ink:           #241812; /* "Nuit de Fès" — texte principal, quasi-noir chaud */
    --wco-color-ink-soft:      #6B5B4E; /* Texte secondaire, légendes, labels */
    --wco-color-ink-faint:     #A6978A; /* Texte tertiaire (placeholders) */

    /* ---------- Couleur signature ---------- */
    --wco-color-accent:        #4B4AC4; /* "Bleu Majorelle" — liens actifs, focus, éléments clés */
    --wco-color-accent-ink:    #FFFFFF; /* Texte sur fond accent */
    --wco-color-accent-soft:   #EDECFA; /* Fond très clair teinté accent (survol léger) */

    /* ---------- Couleurs d'appoint (usage réservé, jamais dominant) ---------- */
    --wco-color-gold:          #B08D3D; /* "Fil d'or" — petits accents, prix mis en avant */
    --wco-color-gold-soft:     #F5EBD3;
    --wco-color-garnet:        #7A1F2B; /* "Grenat" — badge Soldes/Promo UNIQUEMENT */
    --wco-color-garnet-soft:   #F7E7E8;

    /* ---------- Bordures ---------- */
    --wco-color-border:        #E4DACB;
    --wco-color-border-soft:   #EFE8D8;

    /* ---------- Ombres (teintées encre, jamais gris/noir pur) ---------- */
    --wco-shadow-soft:  0 10px 26px rgba(36, 24, 18, 0.10);
    --wco-shadow-lift:  0 18px 40px rgba(36, 24, 18, 0.16);

    /* ---------- Rayons ---------- */
    --wco-radius-pill:  999px;
    --wco-radius-card:  16px;
    --wco-radius-sm:    8px;

    /* ---------- Typographie ---------- */
    --wco-font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
    --wco-font-body:    'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* ---------- Motif signature (voir usage dans menu-unified.css) ----------
       Léger motif géométrique à 8 branches inspiré du zellige, en trait
       fin, utilisé à très faible opacité comme texture d'arrière-plan —
       jamais comme motif photographique ou décoratif appuyé. */
    --wco-pattern-zellige: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%23241812' stroke-width='0.6' opacity='0.35'%3E%3Cpath d='M30 4 L44 15 L44 45 L30 56 L16 45 L16 15 Z'/%3E%3Cpath d='M30 4 L30 56 M16 15 L44 45 M44 15 L16 45'/%3E%3C/g%3E%3C/svg%3E");
}