/*
Theme Name:        Sillon
Theme URI:         https://agri-aquitaine.store
Author:            Agri Abri Aquitaine
Author URI:        https://agri-aquitaine.store
Description:       Thème WooCommerce premium sur-mesure pour Agri Abri Aquitaine. Identité "savoir-faire régional, exigence professionnelle" pensée pour la conversion, la confiance et la performance sur le marché du matériel agricole, forestier et de jardin en zone euro.
Version:           1.0.0
Requires at least: 6.4
Tested up to:       6.9
Requires PHP:       8.1
WC requires at least: 8.0
WC tested up to:      9.5
Requires Plugins:  woocommerce
License:           GNU General Public License v2 or later
License URI:        http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:        sillon
Tags:               e-commerce, woocommerce, custom-colors, custom-menu, full-site-editing, block-styles, translation-ready

Sillon est un thème parent autonome, sans dépendance à un autre thème.
Compatible WPML/Polylang : chaque chaîne de texte du thème est
traduisible (fonctions __()/_e(), text domain "sillon") — le thème ne
réinvente jamais son propre système de traduction/routing par langue,
c'est le rôle du plugin i18n choisi par le client.
*/

/* ==========================================================================
   DESIGN TOKENS
   ==========================================================================
   Source de vérité visuelle du thème. Toute la CSS "composants" écrite
   dans assets/css/ consomme uniquement ces variables : jamais de
   couleur/taille codée en dur ailleurs.

   Palette délibérément distincte du thème "Torque" (même studio, autre
   marque) : vert olive/terroir plutôt que vert forêt, accent brique
   plutôt qu'ambre, fond pierre-calcaire plutôt que blanc pur — un clin
   d'œil à l'architecture en pierre de Bordeaux/Aquitaine.
   ========================================================================== */

:root {

  /* — Couleurs de marque — */
  --color-earth-dark:      #23231F; /* fond sombre premium (footer, bandes CTA) — terre retournée, pas asphalte */
  --color-earth-dark-soft: #2C2C26; /* variante plus claire pour cartes sur fond sombre */
  --color-terroir-green:   #3D4A2E; /* vert olive de marque, profond et sobre */
  --color-terroir-green-dk:#2C3721; /* variante foncée, hover/active */
  --color-brick:           #B8511F; /* couleur d'action unique : CTA, prix, urgence réelle — brique/terracotta */
  --color-brick-dk:        #9A4118; /* hover du CTA */
  --color-limestone:       #F7F4EE; /* fond clair principal — pierre calcaire */
  --color-stone-grey:      #6B6558; /* texte secondaire, icônes inactives */
  --color-spec-line:       #DDD6C7; /* lignes fines, bordures, fonds de tableaux */
  --color-ink:             #23231F; /* texte principal sur fond clair (= earth-dark, réemployé) */

  /* — États sémantiques — dérivés de la palette */
  --color-success:  #3D5F2E;
  --color-warning:  var(--color-brick);
  --color-danger:   #A3321F;
  --color-price-strike: var(--color-stone-grey);
  --color-price-sale:   var(--color-brick-dk);

  /* — Typographie —
     Display : Zilla Slab       → titres, empattements courts et robustes,
                évoque le métal gravé/la plaque signalétique.
     Body    : Public Sans      → tout le texte courant, très lisible,
                registre professionnel/institutionnel.
     Mono    : Space Mono       → prix, caractéristiques techniques,
                l'écho visuel de la plaque signalétique produit. */
  --font-display: "Zilla Slab", Georgia, serif;
  --font-body:    "Public Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:    "Space Mono", ui-monospace, SFMono-Regular, monospace;

  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;
  --fw-display:  700; /* Zilla Slab ne va pas au-delà de 700 en gras */

  /* — Échelle typographique — base 16px, ratio ~1.25 */
  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-md:   1.25rem;
  --fs-lg:   1.75rem;
  --fs-xl:   2.5rem;
  --fs-2xl:  3.5rem;
  --fs-3xl:  5rem;

  /* — Espacement — échelle 4px */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.5rem;
  --space-6:  2rem;
  --space-8:  3rem;
  --space-10: 4rem;
  --space-12: 6rem;
  --space-16: 8rem;

  /* — Rayons & bordures — coins légèrement chanfreinés, jamais arrondis
     façon app mobile : cohérent avec l'univers "plaque métal/atelier". */
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 6px;
  --border-hairline: 1px solid var(--color-spec-line);

  /* — Ombres — sobres, jamais de glow coloré */
  --shadow-card: 0 1px 2px rgba(35, 35, 31, 0.06), 0 4px 12px rgba(35, 35, 31, 0.06);
  --shadow-lift: 0 8px 24px rgba(35, 35, 31, 0.14);

  /* — Grille & conteneur — */
  --container-max: 1280px;
  --container-pad: clamp(1rem, 4vw, 2.5rem);

  /* — Transitions — une seule courbe standard dans tout le thème */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 150ms;
  --duration-base: 250ms;
  --duration-slow: 450ms;
}

/* ==========================================================================
   RESET MINIMAL
   ========================================================================== */

*, *::before, *::after { box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

body {
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--fs-base);
  color: var(--color-ink);
  background: var(--color-limestone);
}

img, svg, video { max-width: 100%; height: auto; display: block; }

:focus-visible {
  outline: 2px solid var(--color-brick);
  outline-offset: 2px;
}