/*
 * Dar Ruh — variables globales (source de vérité pour les tokens partagés).
 * Tokens définitifs : --dr-logo-nav-size, --dr-megamenu-subtitle-size,
 * --dr-footer-legal-font-size — ne pas les redéfinir hors de ce fichier.
 * Logo nav → nav-global.php · logo footer (px fixes) → footer-global.php uniquement.
 * Sous-titres méga-menu → .dr-mega-card-label dans style.css (utilise --dr-megamenu-subtitle-size).
 */

:root{
  /* ─── Typographie : familles ─── */
  --dr-font-cochin:'Cochin','Book Antiqua',serif;
  --dr-font-sans:'Sweet Sans Pro','Poppins',sans-serif;
  --dr-font-optima:'Optima','Candara',sans-serif;

  /* ─── Typographie : échelle ─── */
  --dr-fs-cochin:36px;
  --dr-fs-sans:10px;
  --dr-fs-optima:13px;
  /* Alias typo UI — aligné sur Sweet Sans de base (pour calc prix .dr-price) */
  --dr-font-size-sans:var(--dr-fs-sans);
  --dr-quote-glyph:calc(var(--dr-fs-cochin) * 2.8888888889);

  /*
   * Logo nav — aligné sur DAR_RUH_NAV_LOGO_PX dans functions.php (verrou wp_footer).
   */
  --dr-logo-nav-size:70px;

  /* Méga-menu — sous-titres sous les vignettes (une ligne lisible) */
  --dr-megamenu-subtitle-size:calc(var(--dr-fs-sans) * 0.72);

  /* Ligne légale pied dr-footer2 — Sweet Sans × 0.75, pas d’tracking */
  --dr-footer-legal-font-size:calc(var(--dr-fs-sans) * 0.75);

  /* ─── Couleurs : usage site hors scope pp-root (voir body.pp-root ci-dessous) ─── */
  --dr-body-bg:#E4E0DD;
  --dr-cream:#E4E0DD;
  --dr-black:#000;
  --dr-white:#fff;
  --dr-text-muted:#999;
  --dr-text-soft:#666;
  --dr-text-mid:#888;
  --dr-text-light:#aaa;
  --dr-text-body:#555;
  --dr-text-placeholder:#bbb;
  --dr-text-hairline:#ccc;
  --dr-text-input:#333;
  --dr-text-dim:#444;
  --dr-hover-soft:#222;
  --dr-img-placeholder-bg:#f5f3f0;
  --dr-border-subtle:rgba(0,0,0,0.06);
  --dr-border-light:rgba(0,0,0,0.07);
  --dr-border-medium:rgba(0,0,0,0.08);
  --dr-border-strong:rgba(0,0,0,0.1);
  --dr-border-input:rgba(0,0,0,0.15);
  --dr-border-input-strong:rgba(0,0,0,0.2);
  --dr-checkout-panel:rgba(255,255,255,0.55);
  --dr-checkout-panel-soft:rgba(255,255,255,0.35);
  --dr-footer-bg:#0D0D0D;
  --dr-footer-border:rgba(255,255,255,0.06);
  --dr-on-dark-ui:#E4E0DD;
  --dr-nav-tint:rgba(228,224,221,0.97);
  --dr-layer-bg:#0D0D0D;
  --dr-reviews-section-bg:#1b1b1b;
  --dr-nav-offset:90px;
  --dr-nav-offset-mobile:80px;
  --dr-legal-max:800px;

  /* ─── Méga-menu : vignettes ─── */
  --dr-mega-thumb:clamp(104px, 16vmin, 148px);

  /* ─── Espacements récurrents (nav desktop, sections type homepage legacy) ─── */
  --dr-space-nav-y:26px;
  --dr-space-nav-x:52px;
  --dr-space-nav-tight-y:18px;
  --dr-space-nav-tight-x:22px;
  --dr-space-section-x:64px;
  --dr-space-section-y:80px;
  --dr-space-products-y:48px;
  --dr-space-products-x:48px;
  --dr-space-footer-y:56px;
  --dr-space-footer-x:64px;
  --dr-space-gutter:48px;
  --dr-space-mobile-x:24px;
}

/* Scope page produit (Douce Vanille & pp-root) — identique style.css */
body.pp-root{
  background:var(--dr-bg,#EFECEA);
  color:var(--dr-black,#000);
  --dr-bg:#EFECEA;
  --dr-black:#000;
  --dr-gray:#4A494A;
  --dr-reviews-bg:#000;
  --dr-review-card:#222;
  --pp-white:#FAFAFA;
}