/**
 * Vaiggie Soul — tokens charte graphique (Kit de marque NUIMAGINE)
 *
 * Couleurs extraites du kit :
 * - Canopée  #406820
 * - Matcha   #AFC356
 * - Pivoine  #F583B6
 * - Avoine   #FBF5EF
 *
 * Typo kit :
 * - Titres     → Cloudy Bumpy (déposer le .woff2 dans assets/fonts/ si licence acquise)
 * - Sous-titres → Playfair Display (Google Fonts)
 * - Texte      → Mero Thai (déposer le fichier) + Nunito Sans en fallback web
 */

@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500&display=swap');

/* Police titre officielle (optionnelle — déposer CloudyBumpy.woff2) */
@font-face {
  font-family: 'Cloudy Bumpy';
  src: url('fonts/CloudyBumpy.woff2') format('woff2'),
       url('fonts/CloudyBumpy.woff') format('woff');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mero Thai';
  src: url('fonts/MeroThai.woff2') format('woff2'),
       url('fonts/MeroThai.woff') format('woff');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

:root,
.vs-app,
.vs-semaine,
.vs-traiteur,
.vs-mon-compte {
  --vs-canopee: #406820;
  --vs-canopee-deep: #2f5018;
  --vs-matcha: #afc356;
  --vs-matcha-soft: #d4e089;
  --vs-matcha-pale: #e8f0c4;
  --vs-pivoine: #f583b6;
  --vs-pivoine-soft: #f9b8d4;
  --vs-pivoine-pale: #fde4ef;
  --vs-avoine: #fbf5ef;
  --vs-avoine-dark: #f0e8de;
  --vs-white: #ffffff;
  --vs-ink: #406820;
  --vs-text: #2c3224;
  --vs-mute: #6b7358;
  --vs-line: rgba(64, 104, 32, 0.14);
  --vs-ok: #406820;
  --vs-warn: #b8860b;
  --vs-bad: #b3395a;
  --vs-radius: 18px;

  /* Alias rétrocompat (anciens noms CSS) */
  --vs-sage: var(--vs-matcha-pale);
  --vs-sage-deep: var(--vs-canopee);
  --vs-cream: var(--vs-avoine);
  --vs-lilac: var(--vs-pivoine-pale);
  --vs-rose: var(--vs-pivoine-soft);

  --vs-font-display: 'Cloudy Bumpy', Fredoka, 'Nunito Sans', system-ui, sans-serif;
  --vs-font-subtitle: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --vs-font-body: 'Mero Thai', 'Nunito Sans', system-ui, -apple-system, sans-serif;
}

.vs-app,
.vs-semaine,
.vs-traiteur {
  color: var(--vs-text);
  font-family: var(--vs-font-body);
}

.vs-app__logo,
.vs-app__title,
.vs-semaine__title,
.vs-traiteur__title,
.vs-cart-panel__head h2 {
  font-family: var(--vs-font-display);
  font-weight: 700;
  letter-spacing: 0.01em;
}

.vs-app__eyebrow,
.vs-semaine__eyebrow,
.vs-cart-panel__mode {
  font-family: var(--vs-font-subtitle);
  font-style: italic;
  letter-spacing: 0.02em;
  text-transform: none;
}

/* Cartes menu : typo de base (pas Cloudy Bumpy / Playfair) */
.vs-card,
.vs-card__date,
.vs-card__menu strong,
.vs-card__menu span,
.vs-card__desc,
.vs-card__btn,
.vs-card__status {
  font-family: var(--vs-font-body);
  font-style: normal;
}