:root {
  --jaroni-red: #e31e24;
  --jaroni-green: #00a651;
  --jaroni-yellow: #ffc20e;
  --jaroni-black: #111111;
  --jaroni-dark: #1c2420;
  --jaroni-gray: #69736e;
  --jaroni-light: #f5f7f6;
  --jaroni-white: #ffffff;
  --jaroni-border: #e1e6e3;
  --jaroni-shadow: 0 22px 65px rgba(4, 15, 9, .15);
  --container-width: var(--container-max);
  --topbar-height: 30px;
  --main-header-height: 76px;
  --navbar-height: 50px;
  --jaroni-header-height: calc(var(--topbar-height) + var(--main-header-height) + var(--navbar-height));

  /* Valores existentes: conservar precisión, variantes y unidades. */
  --font-primary: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-footer: "Inter", "Segoe UI", sans-serif;
  --font-regular: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-extrabold: 800;
  --text-xs: .7rem;
  --text-sm: .78rem;
  --text-base: 1rem;
  --text-section-eyebrow: clamp(18px, 1.5vw, 24px);
  --text-section-title: clamp(30px, 3vw, 44px);
  --text-nav: clamp(.875rem, .96vw, .94rem);
  --text-product-price: clamp(1.28rem, 1.8vw, 1.52rem);
  --container-max: 1320px;
  --color-green-readable: #008d45;
  --color-heading: #131b17;
  --color-text-secondary: #66716b;
  --color-text-status: #68736d;
  --color-card-border: #dfe5e2;
  --color-control-border: #dce3df;
  --shadow-product: 0 4px 13px rgba(13, 31, 22, .07);
  --shadow-product-hover: 0 10px 24px rgba(13, 31, 22, .11);
  --duration-fast: .18s;
  --duration-normal: .2s;
  --duration-soft: .22s;
  --font-weight-450: 450;
  --font-weight-570: 570;
  --font-weight-620: 620;
  --font-weight-650: 650;
  --font-weight-680: 680;
  --font-weight-690: 690;
  --font-weight-720: 720;
  --font-weight-740: 740;
  --font-weight-750: 750;
  --font-weight-760: 760;
  --font-weight-780: 780;
  --font-weight-820: 820;
  --font-weight-850: 850;
  --font-weight-900: 900;
  --text-66: .66rem;
  --text-68: .68rem;
  --text-72: .72rem;
  --text-75: .75rem;
  --text-76: .76rem;
  --text-8: .8rem;
  --text-82: .82rem;
  --text-85: .85rem;
  --text-86: .86rem;
  --text-9: .9rem;
  --text-92: .92rem;
  --text-9375: .9375rem;
  --space-2: 2px;
  --space-3: 3px;
  --space-4: 4px;
  --space-5: 5px;
  --space-6: 6px;
  --space-7: 7px;
  --space-8: 8px;
  --space-9: 9px;
  --space-10: 10px;
  --space-11: 11px;
  --space-12: 12px;
  --space-14: 14px;
  --space-15: 15px;
  --space-16: 16px;
  --space-17: 17px;
  --space-18: 18px;
  --space-20: 20px;
  --space-22: 22px;
  --space-24: 24px;
  --space-26: 26px;
  --space-28: 28px;
  --space-30: 30px;
  --space-32: 32px;
  --space-34: 34px;
  --space-36: 36px;
  --space-40: 40px;
  --space-42: 42px;
  --space-48: 48px;
  --space-64: 64px;
  --radius-2: 2px;
  --radius-3: 3px;
  --radius-4: 4px;
  --radius-7: 7px;
  --radius-8: 8px;
  --radius-9: 9px;
  --radius-10: 10px;
  --radius-11: 11px;
  --radius-12: 12px;
  --radius-14: 14px;
  --radius-15: 15px;
  --radius-16: 16px;
  --radius-20: 20px;
  --radius-99: 99px;
  --radius-999: 999px;
  --z-110: 110;
  --z-115: 115;
  --z-120: 120;
  --z-140: 140;
  --z-160: 160;
  --z-180: 180;
  --z-190: 190;
  --z-1000: 1000;
  --z-1200: 1200;
  --z-1800: 1800;
  --z-9999: 9999;
}