/**
 * Diprovet design tokens — custom properties (mobile-first)
 * Generado por `npm run tokens:build` desde tokens/*.json. No editar a mano.
 */
:root {
  --dp-font-size-100: 11px;
  --dp-font-size-200: 12px;
  --dp-font-size-300: 14px;
  --dp-font-size-400: 16px;
  --dp-font-size-500: 18px;
  --dp-font-size-600: 20px;
  --dp-font-size-700: 24px;
  --dp-font-size-800: 28px;
  --dp-font-size-900: 32px;
  --dp-font-size-1000: 40px;
  --dp-font-size-1100: 48px;
  --dp-font-size-1200: 64px;
  --dp-font-size-1300: 80px;
  --dp-radius-100: 2px;
  --dp-radius-200: 4px;
  --dp-radius-300: 8px;
  --dp-radius-400: 12px;
  --dp-radius-500: 16px;
  --dp-radius-600: 20px;
  --dp-radius-700: 24px;
  --dp-radius-full: 999px;
  --dp-font-family-body: "Onest", system-ui, sans-serif;
  --dp-font-family-headings: "Onest", system-ui, sans-serif;
  --dp-font-weight-regular: 400;
  --dp-font-weight-medium: 500;
  --dp-font-weight-semibold: 600;
  --dp-font-weight-bold: 700;
  --dp-line-height-100: 16px;
  --dp-line-height-200: 18px;
  --dp-line-height-300: 20px;
  --dp-line-height-400: 24px;
  --dp-line-height-500: 26px;
  --dp-line-height-600: 28px;
  --dp-line-height-700: 32px;
  --dp-line-height-800: 36px;
  --dp-line-height-900: 40px;
  --dp-line-height-1000: 48px;
  --dp-line-height-1100: 56px;
  --dp-line-height-1200: 72px;
  --dp-line-height-1300: 88px;
  --dp-letter-spacing-100: 0.01em;
  --dp-letter-spacing-200: 0.02em;
  --dp-letter-spacing-300: 0.03em;
  --dp-letter-spacing-400: 0.04em;
  --dp-letter-spacing-n200: -0.02em;
  --dp-letter-spacing-n100: -0.01em;
  --dp-letter-spacing-n050: -0.005em;
  --dp-letter-spacing-000: 0em;
  --dp-letter-spacing-050: 0.005em;
  --dp-spacing-100: 2px;
  --dp-spacing-200: 4px;
  --dp-spacing-300: 8px;
  --dp-spacing-400: 12px;
  --dp-spacing-500: 16px;
  --dp-spacing-600: 20px;
  --dp-spacing-700: 24px;
  --dp-spacing-800: 32px;
  --dp-spacing-900: 40px;
  --dp-spacing-1000: 48px;
  --dp-spacing-1100: 64px;
  --dp-spacing-1200: 80px;
  --dp-spacing-1300: 96px;
  --dp-color-white: #ffffff;
  --dp-color-yellow-100: #fff4c7;
  --dp-color-yellow-200: #ffeb95;
  --dp-color-yellow-300: #ffdd10;
  --dp-color-yellow-400: #debc00;
  --dp-color-yellow-500: #c3a201;
  --dp-color-yellow-600: #a18300;
  --dp-color-yellow-700: #806500;
  --dp-color-yellow-800: #604a00;
  --dp-color-yellow-900: #423000;
  --dp-color-green-100: #f1f9e3;
  --dp-color-green-200: #dcefbf;
  --dp-color-green-300: #c3e195;
  --dp-color-green-400: #a1ca61; /** brand */
  --dp-color-green-500: #8cb452;
  --dp-color-green-600: #6e943f;
  --dp-color-green-700: #52752d;
  --dp-color-green-800: #38571d;
  --dp-color-green-900: #213b0d;
  --dp-color-teal-100: #e4fbf6;
  --dp-color-teal-200: #c1f2e8;
  --dp-color-teal-300: #95e7d8;
  --dp-color-teal-400: #58d6c4;
  --dp-color-teal-500: #00c4b3; /** brand */
  --dp-color-teal-600: #009b8f;
  --dp-color-teal-700: #007a71;
  --dp-color-teal-800: #005a54;
  --dp-color-teal-900: #003c38;
  --dp-color-neutral-100: #fcfcfc;
  --dp-color-neutral-200: #d2d2d2;
  --dp-color-neutral-300: #afafaf;
  --dp-color-neutral-400: #8d8d8d;
  --dp-color-neutral-500: #6d6d6d;
  --dp-color-neutral-600: #4a4a4a;
  --dp-color-neutral-700: #2d2d2d;
  --dp-color-neutral-800: #171717;
  --dp-color-neutral-900: #030303;
  --dp-color-gray-100: #f3f1ef;
  --dp-color-gray-200: #e8e6e3;
  --dp-color-gray-300: #d7d3d0;
  --dp-color-gray-400: #bbb6b2;
  --dp-color-gray-500: #9c9792;
  --dp-color-gray-600: #79746f;
  --dp-color-gray-700: #5c5752;
  --dp-color-gray-800: #3e3a36;
  --dp-color-gray-900: #24211e;
  --dp-color-warning-100: #fef8ed;
  --dp-color-warning-200: #fdefd8;
  --dp-color-warning-300: #fce6c0;
  --dp-color-warning-400: #fbd89d;
  --dp-color-warning-500: #f9c56c;
  --dp-color-warning-600: #f7ad31;
  --dp-color-warning-700: #e29109;
  --dp-color-warning-800: #b07107;
  --dp-color-warning-900: #855505;
  --dp-color-error-100: #fcefef;
  --dp-color-error-200: #f9dcdc;
  --dp-color-error-300: #f6c6c6;
  --dp-color-error-400: #f1a7a7;
  --dp-color-error-500: #ea7b7b;
  --dp-color-error-600: #e14747;
  --dp-color-error-700: #ca2121;
  --dp-color-error-800: #9e1919;
  --dp-color-error-900: #771313;
  --dp-color-success-100: #eefdf4;
  --dp-color-success-200: #dbfae7;
  --dp-color-success-300: #c5f7d8;
  --dp-color-success-400: #a5f3c2;
  --dp-color-success-500: #78eda3;
  --dp-color-success-600: #42e67e;
  --dp-color-success-700: #1ccf5e;
  --dp-color-success-800: #16a149;
  --dp-color-success-900: #107a37;
  --dp-color-blue-100: #e9f8fe;
  --dp-color-blue-200: #d1ebf6;
  --dp-color-blue-300: #b4dbeb;
  --dp-color-blue-400: #90c7dd;
  --dp-color-blue-500: #67b0cc;
  --dp-color-blue-600: #3093b3;
  --dp-color-blue-700: #0082a4;
  --dp-color-blue-800: #005571;
  --dp-color-blue-900: #04384d;
  --dp-color-orange-100: #fff3ea;
  --dp-color-orange-200: #ffdfc9;
  --dp-color-orange-300: #ffc79e;
  --dp-color-orange-400: #ffa75f;
  --dp-color-orange-500: #ff9015;
  --dp-color-orange-600: #c13c00;
  --dp-color-orange-700: #862700;
  --dp-color-orange-800: #4f1300;
  --dp-color-orange-900: #1f0300;
  --dp-font-size-display-lg: var(--dp-font-size-1000);
  --dp-font-size-heading-xl: var(--dp-font-size-800);
  --dp-font-size-heading-lg: var(--dp-font-size-800);
  --dp-font-size-heading-md: var(--dp-font-size-600);
  --dp-font-size-heading-sm: var(--dp-font-size-400);
  --dp-font-size-body-lg: var(--dp-font-size-400);
  --dp-font-size-body-md: var(--dp-font-size-300);
  --dp-font-size-body-sm: var(--dp-font-size-200);
  --dp-font-size-label: var(--dp-font-size-200);
  --dp-font-size-caption-sm: var(--dp-font-size-100);
  --dp-font-size-caption-md: var(--dp-font-size-100);
  --dp-font-size-price-lg: var(--dp-font-size-600);
  --dp-font-size-price-md: var(--dp-font-size-400);
  --dp-font-size-price-sm: var(--dp-font-size-300);
  --dp-font-size-cta-md: var(--dp-font-size-200);
  --dp-font-size-cta-sm: var(--dp-font-size-100);
  --dp-font-size-link-md: var(--dp-font-size-300);
  --dp-radius-input: var(--dp-radius-300);
  --dp-radius-button: var(--dp-radius-300);
  --dp-radius-checkbox: var(--dp-radius-100);
  --dp-radius-chip: var(--dp-radius-full);
  --dp-radius-badge: var(--dp-radius-full);
  --dp-radius-card: var(--dp-radius-400);
  --dp-radius-card-inside: var(--dp-radius-300);
  --dp-radius-modal: var(--dp-radius-500);
  --dp-radius-tooltip: var(--dp-radius-200);
  --dp-radius-avatar: var(--dp-radius-full);
  --dp-radius-toggle: var(--dp-radius-full);
  --dp-radius-hero: var(--dp-radius-700);
  --dp-radius-searchbar: var(--dp-radius-400);
  --dp-line-height-display-lg: var(--dp-line-height-1000);
  --dp-line-height-heading-xl: var(--dp-line-height-800);
  --dp-line-height-heading-lg: var(--dp-line-height-800);
  --dp-line-height-price-sm: var(--dp-line-height-300);
  --dp-line-height-cta-md: var(--dp-line-height-400);
  --dp-line-height-cta-sm: var(--dp-line-height-300);
  --dp-line-height-link-md: var(--dp-line-height-300);
  --dp-line-height-heading-md: var(--dp-line-height-600);
  --dp-line-height-heading-sm: var(--dp-line-height-400);
  --dp-line-height-body-lg: var(--dp-line-height-400);
  --dp-line-height-body-md: var(--dp-line-height-300);
  --dp-line-height-body-sm: var(--dp-line-height-200);
  --dp-line-height-label: var(--dp-line-height-200);
  --dp-line-height-caption: var(--dp-line-height-100);
  --dp-line-height-price-lg: var(--dp-line-height-600);
  --dp-line-height-price-md: var(--dp-line-height-400);
  --dp-letter-spacing-display: var(--dp-letter-spacing-n200);
  --dp-letter-spacing-heading: var(--dp-letter-spacing-n100);
  --dp-letter-spacing-body: var(--dp-letter-spacing-000);
  --dp-letter-spacing-label: var(--dp-letter-spacing-400);
  --dp-letter-spacing-cta: var(--dp-letter-spacing-100);
  --dp-spacing-inset-2xs: var(--dp-spacing-200); /** Padding chip/badge */
  --dp-spacing-inset-xs: var(--dp-spacing-300); /** Padding chip/badge */
  --dp-spacing-inset-sm: var(--dp-radius-400);
  --dp-spacing-inset-md: var(--dp-spacing-500);
  --dp-spacing-inset-lg: var(--dp-spacing-500);
  --dp-spacing-inset-xl: var(--dp-spacing-600);
  --dp-spacing-gap-3xs: var(--dp-spacing-200);
  --dp-spacing-gap-2xs: var(--dp-spacing-300);
  --dp-spacing-gap-xs: var(--dp-spacing-300);
  --dp-spacing-gap-sm: var(--dp-spacing-400);
  --dp-spacing-gap-md: var(--dp-spacing-500);
  --dp-spacing-gap-lg: var(--dp-spacing-600);
  --dp-spacing-region-sm: var(--dp-spacing-500);
  --dp-spacing-region-md: var(--dp-spacing-700);
  --dp-spacing-region-lg: var(--dp-spacing-1100);
  --dp-spacing-region-gutter: var(--dp-spacing-500);
  --dp-spacing-page-margin: var(--dp-spacing-500);
  --dp-color-text-primary: var(--dp-color-neutral-800);
  --dp-color-text-secondary: var(--dp-color-gray-700);
  --dp-color-text-disabled: var(--dp-color-neutral-500);
  --dp-color-text-inverse: var(--dp-color-white);
  --dp-color-text-placeholder: var(--dp-color-neutral-500);
  --dp-color-text-link: var(--dp-color-blue-700);
  --dp-color-text-btn-secondary: var(--dp-color-teal-800);
  --dp-color-text-btn: var(--dp-color-white);
  --dp-color-text-accent: var(--dp-color-blue-600);
  --dp-color-surface-default: var(--dp-color-neutral-100);
  --dp-color-surface-subtle: var(--dp-color-teal-100);
  --dp-color-surface-raised: var(--dp-color-white);
  --dp-color-surface-inverse: var(--dp-color-teal-700);
  --dp-color-surface-dark: var(--dp-color-blue-900);
  --dp-color-surface-disabled: var(--dp-color-neutral-200);
  --dp-color-surface-subtle-brand: var(--dp-color-blue-100);
  --dp-color-surface-accent: var(--dp-color-teal-400);
  --dp-color-surface-label: var(--dp-color-teal-600);
  --dp-color-surface-form: var(--dp-color-gray-100);
  --dp-color-border-default: var(--dp-color-gray-300);
  --dp-color-border-subtle: var(--dp-color-gray-200);
  --dp-color-border-strong: var(--dp-color-gray-600);
  --dp-color-border-focus: var(--dp-color-blue-600);
  --dp-color-border-disabled: var(--dp-color-neutral-200);
  --dp-color-border-inverse: var(--dp-color-neutral-100);
  --dp-color-icon-default: var(--dp-color-blue-700);
  --dp-color-icon-subtle: var(--dp-color-gray-600);
  --dp-color-icon-inverse: var(--dp-color-neutral-100);
  --dp-color-icon-disabled: var(--dp-color-neutral-300);
  --dp-color-action-primary-default: var(--dp-color-teal-700);
  --dp-color-action-primary-hover: var(--dp-color-teal-800);
  --dp-color-action-primary-active: var(--dp-color-blue-800);
  --dp-color-action-disabled: var(--dp-color-neutral-200);
  --dp-color-action-secondary-border-default: var(--dp-color-teal-600);
  --dp-color-action-secondary-bg-default: var(--dp-color-teal-100);
  --dp-color-action-secondary-bg-hover: var(--dp-color-teal-200);
  --dp-color-action-destructive-default: var(--dp-color-error-700);
  --dp-color-action-destructive-hover: var(--dp-color-error-800);
  --dp-color-action-misc-subtle: var(--dp-color-blue-100);
  --dp-color-feedback-success-bg: var(--dp-color-success-100);
  --dp-color-feedback-success-text: var(--dp-color-success-900);
  --dp-color-feedback-success-border: var(--dp-color-success-300);
  --dp-color-feedback-warning-bg: var(--dp-color-warning-100);
  --dp-color-feedback-warning-text: var(--dp-color-warning-900);
  --dp-color-feedback-warning-border: var(--dp-color-warning-300);
  --dp-color-feedback-error-bg: var(--dp-color-error-100);
  --dp-color-feedback-error-text: var(--dp-color-error-800);
  --dp-color-feedback-error-border: var(--dp-color-error-300);
  --dp-color-feedback-info-bg: var(--dp-color-blue-100);
  --dp-color-feedback-info-text: var(--dp-color-blue-800);
  --dp-color-feedback-info-border: var(--dp-color-blue-300);
  --dp-color-price-default: var(--dp-color-blue-500);
  --dp-color-price-sale: var(--dp-color-error-700);
  --dp-color-price-compare: var(--dp-color-gray-800);
  --dp-color-badge-new-bg: var(--dp-color-blue-100);
  --dp-color-badge-new-text: var(--dp-color-blue-600);
  --dp-color-badge-sale-bg: var(--dp-color-error-700);
  --dp-color-badge-sale-text: var(--dp-color-white);
  --dp-color-rating-star-filled: var(--dp-color-warning-600);
  --dp-color-rating-star-empty: var(--dp-color-neutral-300);
  --dp-color-stock-in: var(--dp-color-success-800);
  --dp-color-stock-low: var(--dp-color-warning-700);
  --dp-color-stock-out: var(--dp-color-error-700);
  --dp-color-action-tertiary: var(--dp-color-text-link);
}

@media (min-width: 990px) {
  :root {
    --dp-font-size-display-lg: var(--dp-font-size-1200);
    --dp-font-size-heading-xl: var(--dp-font-size-1000);
    --dp-font-size-heading-lg: var(--dp-font-size-900);
    --dp-font-size-heading-md: var(--dp-font-size-700);
    --dp-font-size-body-lg: var(--dp-font-size-500);
    --dp-font-size-body-md: var(--dp-font-size-400);
    --dp-font-size-body-sm: var(--dp-font-size-300);
    --dp-font-size-label: var(--dp-font-size-300);
    --dp-font-size-caption-md: var(--dp-font-size-200);
    --dp-font-size-price-lg: var(--dp-font-size-700);
    --dp-font-size-price-md: var(--dp-font-size-500);
    --dp-font-size-price-sm: var(--dp-font-size-400);
    --dp-font-size-cta-md: var(--dp-font-size-400);
    --dp-font-size-cta-sm: var(--dp-font-size-300);
    --dp-font-size-link-md: var(--dp-font-size-400);
    --dp-radius-card: var(--dp-radius-600);
    --dp-radius-card-inside: var(--dp-radius-400);
    --dp-line-height-display-lg: var(--dp-line-height-1200);
    --dp-line-height-heading-xl: var(--dp-line-height-1000);
    --dp-line-height-heading-lg: var(--dp-line-height-900);
    --dp-line-height-price-sm: var(--dp-line-height-400);
    --dp-line-height-link-md: var(--dp-line-height-400);
    --dp-line-height-heading-md: var(--dp-line-height-700);
    --dp-line-height-body-lg: var(--dp-line-height-500);
    --dp-line-height-body-md: var(--dp-line-height-400);
    --dp-line-height-body-sm: var(--dp-line-height-300);
    --dp-line-height-label: var(--dp-line-height-300);
    --dp-line-height-price-lg: var(--dp-line-height-700);
    --dp-line-height-price-md: var(--dp-line-height-500);
    --dp-spacing-inset-sm: var(--dp-spacing-400);
    --dp-spacing-inset-lg: var(--dp-spacing-700);
    --dp-spacing-inset-xl: var(--dp-spacing-800);
    --dp-spacing-gap-xs: var(--dp-spacing-400);
    --dp-spacing-gap-sm: var(--dp-spacing-500);
    --dp-spacing-gap-md: var(--dp-spacing-700);
    --dp-spacing-gap-lg: var(--dp-spacing-800);
    --dp-spacing-region-sm: var(--dp-spacing-600);
    --dp-spacing-region-md: var(--dp-spacing-800);
    --dp-spacing-region-lg: var(--dp-spacing-1200);
    --dp-spacing-region-gutter: var(--dp-spacing-1000);
    --dp-spacing-page-margin: var(--dp-spacing-900);
  }
}