/* =========================================================
   MAISON NOYAU — DESIGN TOKENS
   =========================================================
   ⚠️  C'est ici que tu modifies l'identité visuelle.
   Change ces variables et tout le site s'adapte.
   ========================================================= */

:root {

  /* -------------------------------------------------------
     COULEURS PRIMAIRES
     Extraites directement des visuels de la Maison Noyau :
     • Affiche R. Févillia  → bleu-lavande, or, rouge signature
     • Étiquette moderne    → marine profond, or chaud
     • Bouteille vintage    → crème parchemin, rouge coquelicot
  ------------------------------------------------------- */

  /* Fonds */
  --mn-cream:        #F4EFE3;   /* parchemin chaud — buvard vintage     */
  --mn-cream-dark:   #E8E0CE;   /* parchemin foncé — hover, séparateur  */
  --mn-cream-paper:  #FAF6EE;   /* presque blanc — fond de carte        */

  /* Textes */
  --mn-black:        #1A1825;   /* marine nuit — inspire fond affiche   */
  --mn-black-soft:   #3A3848;   /* marine doux — corps de texte         */

  /* Accent principal — bleu-lavande de l'affiche Févillia */
  --mn-accent:       #2E2A5E;   /* indigo profond                        */
  --mn-accent-mid:   #4A458A;   /* indigo moyen                          */
  --mn-accent-light: #7B7EC8;   /* lavande claire — affiche fond         */

  /* Or — couronne Saint Louis, lettrages de l'affiche */
  --mn-gold:         #E8A820;   /* or vif — titre "NOYAU DE POISSY"     */
  --mn-gold-deep:    #C4861A;   /* or profond — ombres, détails         */
  --mn-gold-light:   #F5C842;   /* or lumineux — hover, highlights      */
  --mn-gold-pale:    #F9E4A0;   /* or pâle — fonds subtils              */

  /* Rouge — ruban signature J. Duval, script rouge affiche */
  --mn-red:          #C0281E;   /* rouge signature                       */
  --mn-red-light:    #E04030;   /* rouge hover                           */

  /* Neutres */
  --mn-white:        #FFFFFF;
  --mn-border:       rgba(26, 24, 37, 0.10);
  --mn-border-dark:  rgba(26, 24, 37, 0.22);
  --mn-border-gold:  rgba(232, 168, 32, 0.30);

  /* -------------------------------------------------------
     TYPOGRAPHIES
     • Cormorant Garamond → serif élégant, proche de l'esprit
       des étiquettes historiques Noyau de Poissy
     • Inter              → sans-serif neutre et lisible
     • Satisfy / Dancing Script → script pour les accents
       (reproduit l'esprit de la signature "J. Duval")
  ------------------------------------------------------- */
  --mn-font-serif:   'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --mn-font-sans:    'Inter', 'Helvetica Neue', Arial, sans-serif;
  --mn-font-script:  'Satisfy', cursive;       /* signature, accents décoratifs */
  --mn-font-mono:    'Courier New', monospace; /* labels, badges, références    */

  /* -------------------------------------------------------
     TAILLES DE POLICE (échelle modulaire 1.25)
  ------------------------------------------------------- */
  --mn-text-xs:    0.64rem;   /*  ~10px */
  --mn-text-sm:    0.8rem;    /*  ~13px */
  --mn-text-base:  1rem;      /*  ~16px */
  --mn-text-md:    1.25rem;   /*  ~20px */
  --mn-text-lg:    1.563rem;  /*  ~25px */
  --mn-text-xl:    1.953rem;  /*  ~31px */
  --mn-text-2xl:   2.441rem;  /*  ~39px */
  --mn-text-3xl:   3.052rem;  /*  ~49px */
  --mn-text-hero:  clamp(3rem, 7vw, 6rem);

  /* -------------------------------------------------------
     ESPACEMENTS
  ------------------------------------------------------- */
  --mn-space-1:   0.25rem;
  --mn-space-2:   0.5rem;
  --mn-space-3:   0.75rem;
  --mn-space-4:   1rem;
  --mn-space-6:   1.5rem;
  --mn-space-8:   2rem;
  --mn-space-12:  3rem;
  --mn-space-16:  4rem;
  --mn-space-24:  6rem;
  --mn-space-32:  8rem;

  /* -------------------------------------------------------
     RAYONS DE BORDURE
  ------------------------------------------------------- */
  --mn-radius-sm:   2px;
  --mn-radius-md:   6px;
  --mn-radius-lg:   12px;
  --mn-radius-pill: 999px;

  /* -------------------------------------------------------
     OMBRES
  ------------------------------------------------------- */
  --mn-shadow-sm:  0 1px 3px rgba(26, 26, 24, 0.08), 0 1px 2px rgba(26, 26, 24, 0.04);
  --mn-shadow-md:  0 4px 16px rgba(26, 26, 24, 0.10), 0 2px 6px rgba(26, 26, 24, 0.06);
  --mn-shadow-lg:  0 12px 40px rgba(26, 26, 24, 0.14), 0 4px 12px rgba(26, 26, 24, 0.08);
  --mn-shadow-gold: 0 4px 20px rgba(184, 149, 90, 0.20);

  /* -------------------------------------------------------
     TRANSITIONS & ANIMATIONS
  ------------------------------------------------------- */
  --mn-ease:        cubic-bezier(0.4, 0, 0.2, 1);  /* standard     */
  --mn-ease-in:     cubic-bezier(0.4, 0, 1, 1);    /* entrée       */
  --mn-ease-out:    cubic-bezier(0, 0, 0.2, 1);    /* sortie       */
  --mn-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* rebond  */

  --mn-duration-fast:   150ms;
  --mn-duration-base:   250ms;
  --mn-duration-slow:   400ms;
  --mn-duration-slower: 650ms;

  /* -------------------------------------------------------
     LAYOUT
  ------------------------------------------------------- */
  --mn-container:      1280px;
  --mn-container-md:   960px;
  --mn-container-sm:   640px;
  --mn-header-height:  80px;
  --mn-header-height-scroll: 60px;
}

/* Mode sombre — optionnel, à activer si besoin */
/* @media (prefers-color-scheme: dark) { :root { ... } } */