/**
 * Primitivo Pottery — design tokens (Warm Earthy)
 * Fuente de verdad: prototipo/css/tokens.css (aprobado). Mismos valores, prefijo --pp-.
 * Las Design Variables de Divi 5 (gcid-pp-* / gvid-pp-*) se generan con los mismos valores
 * desde recipes/primitivo/build-wip/10-design-variables.php: si cambias uno, cambia el otro.
 */
:root {
  /* Paleta */
  --pp-olive: #5c6640;
  --pp-sage: #a3ad8a;
  --pp-verde: #737b4c;
  --pp-dune: #a05035;
  --pp-rust: #8b3e2f;
  --pp-clay: #b88d6a;
  --pp-mustard: #c9a227;
  --pp-sunset: #e8c4b0;
  --pp-cloth: #e9dfc6;
  --pp-chalk: #fbf7f0;
  --pp-casa: #7c563d;
  --pp-ink: #2c2118;

  /* Derivados / estados */
  --pp-olive-dark: #4a532f;
  --pp-dune-dark: #863f28;
  --pp-cloth-soft: #f0e9d8;
  --pp-line: rgba(124, 86, 61, 0.18);
  --pp-line-strong: rgba(124, 86, 61, 0.32);
  --pp-shadow-sm: 0 4px 18px rgba(44, 33, 24, 0.08);
  --pp-shadow-md: 0 14px 40px rgba(44, 33, 24, 0.12);
  --pp-shadow-lg: 0 28px 70px rgba(44, 33, 24, 0.16);

  /* Tipografía */
  --pp-font-body: "Poppins", system-ui, -apple-system, sans-serif;
  --pp-font-script: "Lovely", "Dancing Script", cursive;
  --pp-font-display: var(--pp-font-script);

  --pp-fs-hero: clamp(2.6rem, 6vw, 5.2rem);
  --pp-fs-h1: clamp(2.1rem, 4.4vw, 3.6rem);
  --pp-fs-h2: clamp(1.7rem, 3vw, 2.6rem);
  --pp-fs-h3: clamp(1.25rem, 2vw, 1.6rem);
  --pp-fs-lead: clamp(1.05rem, 1.5vw, 1.3rem);
  --pp-fs-body: 1rem;
  --pp-fs-sm: 0.875rem;
  --pp-fs-xs: 0.78rem;
  --pp-lh-tight: 1.1;
  --pp-lh-snug: 1.28;
  --pp-lh-body: 1.7;
  --pp-tracking-caps: 0.18em;

  /* Espacio (ritmo 8px) */
  --pp-space-xs: 0.5rem;   /* alias previos del tema hijo */
  --pp-space-sm: 1rem;
  --pp-space-md: 2rem;
  --pp-space-lg: 4rem;
  --pp-space-xl: 6rem;
  --pp-space-2: 0.25rem;
  --pp-space-4: 0.5rem;
  --pp-space-8: 1rem;
  --pp-space-12: 1.5rem;
  --pp-space-16: 2rem;
  --pp-space-24: 3rem;
  --pp-space-32: 4rem;
  --pp-space-48: 6rem;
  --pp-space-64: 8rem;
  --pp-section-y: clamp(2.5rem, 6vw, 5rem);

  /* Retícula */
  --pp-container: 1200px;
  --pp-container-wide: 1440px;
  --pp-container-narrow: 820px;
  --pp-gutter: clamp(1.25rem, 4vw, 3rem);

  /* Radios (suaves, artesanales) */
  --pp-radius: 4px;        /* alias previo del tema hijo */
  --pp-radius-sm: 6px;
  --pp-radius-md: 12px;
  --pp-radius-lg: 22px;
  --pp-radius-xl: 34px;

  /* Motion */
  --pp-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --pp-dur: 0.45s;

  /* Pincelada (botón firma) y motivo vasija */
  --pp-brush-primary: url("../assets/brand/pincelada-olive.svg");
  --pp-brush-secondary: url("../assets/brand/pincelada-dune.svg");
  --pp-brush-light: url("../assets/brand/pincelada-chalk.svg");
  --pp-motif: url("../assets/brand/icon-vasija.png");

  --pp-z-header: 100;
  --pp-z-drawer: 200;
  --pp-z-modal: 300;
}