/*
 * Canonical Storefront design tokens.
 * Component styles consume these values directly; this file is not a late
 * override layer and contains no component selectors.
 */
:root {
  --storefront-font-ui: "Montserrat", Arial, sans-serif;
  --storefront-font-navigation: "Montserrat", Arial, sans-serif;
  --storefront-font-heading: "Jost", Arial, sans-serif;
  --storefront-color-ink: #232323;
  --storefront-color-surface: #fff;
  --storefront-color-primary: #6e0087;
  --storefront-color-primary-hover: #ff672d;
  --storefront-color-primary-text: #fff;
  --storefront-color-primary-hover-text: #fff;
  --storefront-color-primary-border: #000;
  --storefront-color-action-text: #fff;
  --storefront-color-action-hover-text: #fff;
  --storefront-color-promo-text: #fff;
  --storefront-color-price-sale: #e95144;
  --storefront-color-control-primary: var(--storefront-color-primary);
  --storefront-color-control-primary-hover: var(--storefront-color-primary-hover);
  --storefront-color-control-primary-text: var(--storefront-color-primary-text);
  --storefront-color-control-primary-hover-text: var(--storefront-color-primary-hover-text);
  --storefront-color-control-secondary: var(--storefront-color-primary);
  --storefront-color-control-secondary-border: #000;
  --storefront-color-control-secondary-text: #fff;
  --storefront-color-control-secondary-hover: var(--storefront-color-primary-hover);
  --storefront-color-control-secondary-hover-text: #fff;
  --storefront-color-border: #e6e6e6;
  --storefront-color-field-border: #c7c7c7;
  --storefront-color-muted-surface: #fafafa;
  --storefront-color-sale: #ff0000;
  --storefront-color-new: #ffc107;
  --storefront-color-focus: #232323;
  --storefront-color-error: #d93333;
  /* Existing component aliases share the storefront palette. */
  --storefront-color-accent: var(--storefront-color-primary);
  --storefront-color-accent-hover: var(--storefront-color-primary-hover);
  --storefront-color-accent-text: var(--storefront-color-promo-text);
  --storefront-color-disabled: #c1c1c1;
  --storefront-type-body-size: 13px;
  --storefront-type-body-line-height: 22px;
  --storefront-type-body-weight: 400;
  --storefront-type-section-heading-size: 16px;
  --storefront-type-section-heading-line-height: 22px;
  --storefront-type-section-heading-weight: 700;
  --storefront-duration-short: 100ms;
  --storefront-duration-default: 350ms;
  --storefront-duration-long: 500ms;
  --storefront-button-height: 42px;
  --storefront-button-radius: 0;
  --storefront-button-border-width: 0;
  --storefront-font-checkout: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --storefront-button-padding: 10px 15px;
  --storefront-button-transition: color 500ms cubic-bezier(.25, .46, .45, .94), background-color 500ms cubic-bezier(.25, .46, .45, .94), border-color 500ms cubic-bezier(.25, .46, .45, .94);
  --storefront-field-height: 44px;
  --storefront-field-radius: 0;
  --storefront-field-padding: 9px 12px;
  --storefront-field-transition: border-color var(--storefront-duration-default) ease, box-shadow var(--storefront-duration-default) ease, background-color var(--storefront-duration-default) ease;
  --storefront-wide-shell-max: 1600px;
  --storefront-wide-shell-gutter: 15px;
}