/* ==========================================================================
   AVIVA — Catalogue Digital 2026 · Design Tokens v3
   Source : Brandbook Cuisines AvivA 2025 (officiel)
   Blanc majoritaire · orange & noir par touches · pastels en arrière-plan
   ========================================================================== */

:root {
  /* ---- Couleurs principales (brandbook p.20) ---- */
  --color-primary:         #EC752E;  /* Orange AvivA — Pantone 1655C */
  --color-primary-hover:   #D9631C;
  --color-primary-subtle:  rgba(236, 117, 46, .10);
  --color-ink-headline:    #2D3133;  /* Noir AvivA — Pantone 419C */
  --color-ink-body:        #4A4D4F;
  --color-ink-muted:       #9C9794;
  --color-surface-base:    #FFFFFF;  /* blanc majoritaire */
  --color-surface-soft:    #FBF9F6;  /* lin ficelle 20% */
  --color-surface-elevated:#FFFFFF;
  --color-border:          #ECE8E1;
  --color-surface-dark:    #2D3133;

  /* ---- Couleurs secondaires (brandbook p.21) ---- */
  --color-lin:        #E3DECC;  --color-lin-20:      #FBF9F6;
  --color-celadon:    #7AA692;  --color-celadon-10:  #F2F5F3;
  --color-chataigne:  #8D7E7A;  --color-chataigne-20:#EBE8E6;
  --color-ardoise:    #346284;  --color-ardoise-10:  #E4EEF1;
  --color-rose-20:    #FDF8F6;

  /* ---- Overlays ---- */
  --overlay-cinematic: linear-gradient(to top, rgba(24,20,16,.85), transparent);
  --overlay-dark-fade: linear-gradient(to right, rgba(24,20,16,.75), rgba(24,20,16,.15));
  --gradient-orange:   linear-gradient(135deg, #EC752E, #D9631C);

  /* ---- Trio typographique (brandbook p.23) ---- */
  /* Eurostile Round → fallback web : Comfortaa (géométrique arrondi) */
  --font-title:  "Eurostile Round", "Comfortaa", "Arial Rounded MT Bold", sans-serif;
  /* Yeseva One : titres émotionnels, proximité (typo des maquettes) */
  --font-display:"Yeseva One", Georgia, serif;
  --font-serif:  var(--font-display);
  /* Helvetica Neue Std → fallback web : Inter */
  --font-body:   "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-headline: var(--font-title);

  /* ---- Motion ---- */
  --motion-fast: 120ms;
  --motion-base: 200ms;
  --motion-slow: 360ms;
  --ease-enter:  cubic-bezier(.16, 1, .3, 1);

  /* ---- Geometry ---- */
  --radius: 10px;
  --radius-pill: 100px;
  --shadow-card: 0 4px 16px rgba(45, 49, 51, .07);
  --divider-orange: 40px;

  /* ---- Spacing ---- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px;
}