/*
Theme Name:   Monchanvre
Theme URI:    https://monchanvre.fr
Description:  Thème WooCommerce d'affiliation pour monchanvre.fr — comparateur indépendant de produits au chanvre/CBD. Direction « Lifestyle coloré & fun » (contours encre, ombres dures, palette vive). Compatible Gutenberg complet (theme.json + editor-styles), SEO-friendly, responsive. Produits affiliés : CTA « Voir l'offre », comparateur d'offres multi-marchands.
Author:       monchanvre.fr
Author URI:   https://monchanvre.fr
Version:      1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  monchanvre
Tags:         woocommerce, e-commerce, affiliation, blog, gutenberg, custom-colors, custom-menu, featured-images, threaded-comments
WC requires at least: 7.0
WC tested up to: 9.0

Ce fichier ne contient QUE l'en-tête du thème et les variables CSS globales (design tokens).
Les styles de composants sont dans /assets/css/ (modulaires, enqueue dans functions.php).
*/

/* =========================================================================
   DESIGN TOKENS — monchanvre.fr
   Source : design system « Lifestyle coloré & fun »
   ========================================================================= */
:root{
  /* — Base / surfaces — */
  --bg:            #FFFDF6;   /* fond chaud global */
  --paper:         #FFFFFF;   /* cartes, surfaces */
  --ink:           #15241B;   /* encre : texte + contours */
  --ink-2:         #0C160F;   /* hover encre */

  /* — Vert (primaire marque) — */
  --green:         #159B58;
  --green-d:       #0E7D45;
  --green-soft:    #DCF3E5;

  /* — Corail (accent chaud / CTA secondaire) — */
  --coral:         #FF6A4D;
  --coral-d:       #D8492F;
  --coral-soft:    #FFE3DB;

  /* — Soleil (accent ludique / badges) — */
  --sun:           #FFC84B;
  --sun-d:         #E0A413;
  --sun-soft:      #FFF1CE;

  /* — Prune (accent tertiaire / nouveautés) — */
  --berry:         #7C4DFF;
  --berry-soft:    #E7E0FF;

  /* — Gris fonctionnels — */
  --muted:         #5E6B61;
  --faint:         #9AA39B;
  --line:          #ECE7DA;

  /* — Sémantiques (état) — */
  --success:       var(--green);
  --warning:       var(--sun-d);
  --danger:        var(--coral-d);

  /* — Typographie — */
  --font-display: 'Bricolage Grotesque', system-ui, -apple-system, sans-serif;
  --font-body:    'Hanken Grotesk', system-ui, -apple-system, sans-serif;

  --fs-xs:   0.75rem;   /* 12px */
  --fs-sm:   0.875rem;  /* 14px */
  --fs-base: 1rem;      /* 16px */
  --fs-md:   1.125rem;  /* 18px */
  --fs-lg:   1.375rem;  /* 22px */
  --fs-xl:   1.75rem;   /* 28px */
  --fs-2xl:  2.5rem;    /* 40px */
  --fs-3xl:  3.25rem;   /* 52px */
  --fs-4xl:  4.25rem;   /* 68px */

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semibold:600;
  --fw-bold:    700;
  --fw-black:   800;

  --lh-tight:  1.02;
  --lh-snug:   1.25;
  --lh-body:   1.55;
  --ls-tight: -0.02em;
  --ls-wide:   0.04em;

  /* — Espacement (base 4px) — */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;
  --sp-12: 48px; --sp-16: 64px; --sp-20: 80px; --sp-24: 96px;

  /* — Conteneur — */
  --container: 1200px;
  --gutter: 32px;

  /* — Rayons — */
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 24px;
  --r-xl: 34px;
  --r-pill: 100px;

  /* — Contours signature — */
  --bw: 2.5px;
  --border: var(--bw) solid var(--ink);

  /* — Ombres dures (identité du style) — */
  --shadow-sm: 4px 4px 0 var(--ink);
  --shadow-md: 6px 6px 0 var(--ink);
  --shadow-lg: 8px 8px 0 var(--ink);
  --shadow-soft: 0 12px 30px -18px rgba(21,36,27,.45);

  /* — Transition standard — */
  --ease: 0.16s cubic-bezier(.4,0,.2,1);
}