/**
 * Viandes des Prés — Design System tokens
 *
 * Source unique des couleurs, typos, rayons, ombres, container.
 * Les alias --vdp-primary / --vdp-hh-* / --vdp-pu-* gardent le CSS existant
 * (header #15718, tunnel, fiche produit) sans changer de sélecteurs.
 *
 * Ne pas y mettre de layout, display, ni d’IDs WooCommerce.
 */

:root {
  --vdp-red: #a30e16;
  --vdp-red-dark: #7e0b10;
  --vdp-red-hover: #8b1212;

  --vdp-black: #111111;
  --vdp-black-soft: #1a1a1a;

  --vdp-white: #ffffff;

  --vdp-background: #f7f6f3;
  --vdp-background-soft: #f2f0ec;

  --vdp-text: #181818;
  --vdp-text-secondary: #666666;

  --vdp-border: #e5e2de;

  --vdp-success: #2e6b46;
  --vdp-error: #a30e16;

  --vdp-accent: #c4a574;

  --vdp-radius-sm: 6px;
  --vdp-radius: 8px;
  --vdp-radius-md: 10px;
  --vdp-radius-lg: 16px;

  --vdp-shadow-soft: 0 8px 30px rgba(0, 0, 0, 0.06);

  --vdp-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --vdp-font-ui: var(--vdp-font);
  --vdp-font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --vdp-font-body: var(--vdp-font);

  --vdp-bp-sm: 600px;
  --vdp-bp-md: 768px;
  --vdp-bp-lg: 1024px;
  --vdp-bp-xl: 1280px;
  --vdp-gutter: 20px;
  --vdp-gutter-mobile: 12px;

  --vdp-space-1: 8px;
  --vdp-space-2: 12px;
  --vdp-space-3: 16px;
  --vdp-space-4: 24px;
  --vdp-space-5: 32px;
  --vdp-space-6: 48px;
  --vdp-space-7: 64px;
  --vdp-space-8: 80px;
  --vdp-space-9: 96px;

  --vdp-z-header: 100;
  --vdp-z-sticky: 200;
  --vdp-z-drawer: 300;

  /* Alias — child-ocean / tunnel / cartes */
  --vdp-primary: var(--vdp-red);
  --vdp-primary-hover: var(--vdp-red-hover);
  --vdp-primary-dark: var(--vdp-red-dark);
  --vdp-ink: var(--vdp-black);
  --vdp-muted: var(--vdp-text-secondary);
  --vdp-bg: var(--vdp-background);

  /* Alias — header Elementor #15718 (vdp-header-harmony) */
  --vdp-hh-primary: var(--vdp-red);
  --vdp-hh-primary-dark: var(--vdp-red-dark);
  --vdp-hh-primary-hover: var(--vdp-red-hover);
  --vdp-hh-accent: var(--vdp-red);
  --vdp-hh-ink: var(--vdp-black);
  --vdp-hh-border: var(--vdp-border);
  --vdp-hh-muted: var(--vdp-text-secondary);
  --vdp-hh-bg-soft: var(--vdp-background-soft);
  --vdp-hh-nav-font: var(--vdp-font);

  /* Alias — fiche produit unifiée */
  --vdp-pu-red: var(--vdp-red);
  --vdp-pu-red-hover: var(--vdp-red-hover);
  --vdp-pu-ink: var(--vdp-black);
  --vdp-pu-muted: var(--vdp-text-secondary);
  --vdp-pu-border: var(--vdp-border);
  --vdp-pu-font: var(--vdp-font);
  --vdp-pu-bg: var(--vdp-white);
  --vdp-pu-white: var(--vdp-white);
}