:root {
  --pp-nero-ghisa: #151515;
  --pp-crema: #F7F3E8;
  --pp-bianco: #FFFFFF;
  --pp-rosso-carico: #FF3B1F;
  --pp-acid-lime: #C8FF2E;
  --pp-rosso-azione: #C8200F;
  --pp-rosso-azione-hover: #A81A0C;
  --pp-rosso-azione-premuto: #8A1409;
  --pp-lime-soft: #EDFFC2;
  --pp-lime-testo: #405300;
  --pp-verde-stato: #2F5E0E;
  --pp-grafite: #26262A;
  --pp-ferro: #5A5A57;
  --pp-acciaio: #8E8E95;
  --pp-linea: #D8D3C8;
  --pp-alluminio: #ECE9E2;
  --pp-nero-800: #1A1A1D;
  --pp-nero-700: #2A2A2F;
  --pp-ambra: #B7791F;
  --pp-font-display: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
  --pp-font-ui: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --pp-font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --pp-size-display: 40px;
  --pp-size-h1: 32px;
  --pp-size-h2: 26px;
  --pp-size-h3: 21px;
  --pp-size-h4: 18px;
  --pp-size-h5: 16px;
  --pp-size-h6: 14px;
  --pp-size-lead: 20px;
  --pp-size-body-article: 18px;
  --pp-size-body-ui: 16px;
  --pp-size-small: 14px;
  --pp-size-meta: 13px;
  --pp-size-kicker: 12px;
  --pp-size-label: 14px;
  --pp-size-button: 16px;
  --pp-size-nav: 16px;
  --pp-size-price-card: 22px;
  --pp-size-price-product: 28px;
  --pp-size-legal: 13px;
  --pp-size-quote: 22px;
  --pp-space-1: 4px;
  --pp-space-2: 8px;
  --pp-space-3: 12px;
  --pp-space-4: 16px;
  --pp-space-5: 24px;
  --pp-space-6: 32px;
  --pp-space-7: 48px;
  --pp-space-8: 64px;
  --pp-space-9: 96px;
  --pp-radius-sm: 4px;
  --pp-radius-md: 8px;
  --pp-radius-lg: 12px;
  --pp-radius-full: 999px;
  --pp-border-hairline: 1px solid var(--pp-linea);
  --pp-border-field: 1.5px solid var(--pp-ferro);
  --pp-border-focus: 3px solid var(--pp-rosso-carico);
  --pp-border-code: 1.5px dashed var(--pp-linea);
  --pp-border-accent-width: 4px;
  --pp-shadow-e0: none;
  --pp-shadow-e1: none;
  --pp-shadow-e2: 0 8px 24px rgba(21,21,21,0.10);
  --pp-shadow-e3: 0 2px 8px rgba(21,21,21,0.08);
  --pp-shadow-e4: 0 16px 48px rgba(21,21,21,0.18);
  --pp-container-wide: 1280px;
  --pp-container-content: 1120px;
  --pp-container-text: 720px;
  --pp-container-narrow: 560px;
  --pp-duration-fast: 120ms;
  --pp-duration-base: 200ms;
  --pp-touch-target: 44px;
  --pp-angle-cut: -12deg;
  --pp-angle-badge: -8deg;
}

@media (min-width: 1024px) {
  :root {
    --pp-size-display: 64px;
    --pp-size-h1: 48px;
    --pp-size-h2: 34px;
    --pp-size-h3: 25px;
    --pp-size-h4: 20px;
    --pp-size-h5: 17px;
    --pp-size-h6: 15px;
    --pp-size-lead: 23px;
    --pp-size-body-article: 20px;
    --pp-size-body-ui: 17px;
    --pp-size-nav: 15px;
    --pp-size-price-product: 32px;
    --pp-size-quote: 26px;
  }
}