/* ORIGONA design tokens (runtime) */
:root {
  /* border/semantic */
  --og-border-semantic-none-style: var(--og-border-primitive-style-none);
  --og-border-semantic-none-width: var(--og-border-primitive-width-0);
  --og-border-semantic-strong-style: var(--og-border-primitive-style-solid);
  --og-border-semantic-strong-width: var(--og-border-primitive-width-2);
  --og-border-semantic-subtle-style: var(--og-border-primitive-style-solid);
  --og-border-semantic-subtle-width: var(--og-border-primitive-width-1);
  /* layout/rail */
  --og-lay-site: 1320px;
  --og-lay-content: 1120px;
  --og-lay-prose: 780px;
  --og-lay-gutter: clamp(20px, 4vw, 40px);
  --or-layout-site-max: var(--og-lay-site);
  --or-layout-content-max: var(--og-lay-content);
  --or-layout-prose-max: var(--og-lay-prose);
  --or-layout-page-gutter: var(--og-lay-gutter);
  --og-layout-container-wide: var(--og-lay-site);
  --og-layout-container-default: var(--og-lay-content);
  --og-layout-container-narrow: var(--og-lay-prose);
  --og-lay-container-wide: var(--og-lay-site);
  --og-lay-container-default: var(--og-lay-content);
  --og-lay-container-narrow: var(--og-lay-prose);
  /* color/component */
  --og-color-component-accordion-border: var(--og-color-semantic-border-subtle);
  --og-color-component-accordion-icon: var(--og-color-semantic-text-secondary);
  --og-color-component-accordion-surface: var(--og-color-semantic-surface-card);
  --og-color-component-accordion-surface-hover: var(--og-color-semantic-surface-card-muted);
  --og-color-component-accordion-text: var(--og-color-semantic-text-secondary);
  --og-color-component-accordion-title: var(--og-color-semantic-text-primary);
  --og-color-component-badge-default-surface: var(--og-color-semantic-brand-primary);
  --og-color-component-badge-default-text: var(--og-color-semantic-text-on-brand);
  --og-color-component-badge-info-surface: var(--og-color-semantic-status-info-surface);
  --og-color-component-badge-info-text: var(--og-color-semantic-status-info-text);
  --og-color-component-badge-new-surface: var(--og-color-semantic-brand-primary);
  --og-color-component-badge-new-text: var(--og-color-semantic-text-on-brand);
  --og-color-component-badge-sale-surface: var(--og-color-semantic-price-discount-surface);
  --og-color-component-badge-sale-text: var(--og-color-semantic-price-discount-text);
  --og-color-component-benefit-strip-border: var(--og-color-semantic-border-subtle);
  --og-color-component-benefit-strip-icon: var(--og-color-semantic-brand-primary);
  --og-color-component-benefit-strip-surface: var(--og-color-semantic-surface-page-soft);
  --og-color-component-benefit-strip-text: var(--og-color-semantic-text-secondary);
  --og-color-component-button-disabled-bg: var(--og-color-semantic-action-disabled-bg);
  --og-color-component-button-disabled-border: var(--og-color-semantic-action-disabled-border);
  --og-color-component-button-disabled-text: var(--og-color-semantic-action-disabled-text);
  --og-color-component-button-ghost-bg: var(--og-color-semantic-action-ghost-bg);
  --og-color-component-button-ghost-bg-hover: var(--og-color-semantic-action-ghost-bg-hover);
  --og-color-component-button-ghost-border: var(--og-color-semantic-action-ghost-border);
  --og-color-component-button-ghost-text: var(--og-color-semantic-action-ghost-text);
  --og-color-component-button-primary-bg: var(--og-color-semantic-action-primary-bg);
  --og-color-component-button-primary-bg-active: var(--og-color-semantic-action-primary-bg-active);
  --og-color-component-button-primary-bg-hover: var(--og-color-semantic-action-primary-bg-hover);
  --og-color-component-button-primary-border: var(--og-color-semantic-action-primary-border);
  --og-color-component-button-primary-text: var(--og-color-semantic-action-primary-text);
  --og-color-component-button-secondary-bg: var(--og-color-semantic-action-secondary-bg);
  --og-color-component-button-secondary-bg-hover: var(--og-color-semantic-action-secondary-bg-hover);
  --og-color-component-button-secondary-border: var(--og-color-semantic-action-secondary-border);
  --og-color-component-button-secondary-text: var(--og-color-semantic-action-secondary-text);
  --og-color-component-cart-item-border: var(--og-color-semantic-border-subtle);
  --og-color-component-cart-item-details-label: var(--og-color-semantic-text-secondary);
  --og-color-component-cart-item-details-value: var(--og-color-semantic-text-primary);
  --og-color-component-cart-item-edit-icon: var(--og-color-semantic-brand-primary);
  --og-color-component-cart-item-edit-text: var(--og-color-semantic-text-link);
  --og-color-component-cart-item-meta: var(--og-color-semantic-text-secondary);
  --og-color-component-cart-item-price: var(--og-color-semantic-price-current);
  --og-color-component-cart-item-remove-text: var(--og-color-semantic-text-link);
  --og-color-component-cart-item-remove-text-hover: var(--og-color-semantic-text-link-hover);
  --og-color-component-cart-item-surface: var(--og-color-semantic-surface-card);
  --og-color-component-cart-item-title: var(--og-color-semantic-text-primary);
  --og-color-component-checkout-back-link: var(--og-color-semantic-text-link);
  --og-color-component-checkout-back-link-hover: var(--og-color-semantic-text-link-hover);
  --og-color-component-checkout-card-border: var(--og-color-semantic-border-subtle);
  --og-color-component-checkout-card-surface: var(--og-color-semantic-surface-card);
  --og-color-component-checkout-page-surface: var(--og-color-semantic-surface-section);
  --og-color-component-checkout-section-description: var(--og-color-semantic-text-secondary);
  --og-color-component-checkout-section-title: var(--og-color-semantic-text-primary);
  --og-color-component-chip-border: var(--og-color-semantic-border-subtle);
  --og-color-component-chip-hover-surface: var(--og-color-semantic-state-hover-surface);
  --og-color-component-chip-hover-text: var(--og-color-semantic-text-link-hover);
  --og-color-component-chip-selected-border: var(--og-color-semantic-border-brand);
  --og-color-component-chip-selected-surface: var(--og-color-semantic-surface-brand);
  --og-color-component-chip-selected-text: var(--og-color-semantic-text-on-brand);
  --og-color-component-chip-surface: var(--og-color-semantic-surface-card-muted);
  --og-color-component-chip-text: var(--og-color-semantic-text-secondary);
  --og-color-component-coupon-button-bg: var(--og-color-semantic-action-secondary-bg);
  --og-color-component-coupon-button-text: var(--og-color-semantic-action-secondary-text);
  --og-color-component-coupon-error-text: var(--og-color-semantic-text-error);
  --og-color-component-coupon-input-border: var(--og-color-semantic-form-input-border);
  --og-color-component-coupon-input-surface: var(--og-color-semantic-form-input-surface);
  --og-color-component-coupon-surface: var(--og-color-semantic-surface-card);
  --og-color-component-coupon-title: var(--og-color-semantic-text-primary);
  --og-color-component-cta-banner-button-bg: var(--og-color-semantic-action-primary-bg);
  --og-color-component-cta-banner-button-text: var(--og-color-semantic-action-primary-text);
  --og-color-component-cta-banner-decor: var(--og-color-primitive-cream-200);
  --og-color-component-cta-banner-surface: var(--og-color-semantic-surface-section-warm);
  --og-color-component-cta-banner-text: var(--og-color-semantic-text-secondary);
  --og-color-component-cta-banner-title: var(--og-color-semantic-brand-primary);
  --og-color-component-field-border: var(--og-color-semantic-form-input-border);
  --og-color-component-field-border-error: var(--og-color-semantic-form-input-border-error);
  --og-color-component-field-border-focus: var(--og-color-semantic-form-input-border-focus);
  --og-color-component-field-border-hover: var(--og-color-semantic-form-input-border-hover);
  --og-color-component-field-disabled-surface: var(--og-color-semantic-form-input-surface-disabled);
  --og-color-component-field-disabled-text: var(--og-color-semantic-form-input-text-disabled);
  --og-color-component-field-error-text: var(--og-color-semantic-text-error);
  --og-color-component-field-help-text: var(--og-color-semantic-form-help-text);
  --og-color-component-field-label: var(--og-color-semantic-form-label);
  --og-color-component-field-placeholder: var(--og-color-semantic-form-placeholder);
  --og-color-component-field-surface: var(--og-color-semantic-form-input-surface);
  --og-color-component-field-text: var(--og-color-semantic-form-input-text);
  --og-color-component-footer-border: var(--og-color-semantic-border-default);
  --og-color-component-footer-bottom-surface: var(--og-color-semantic-surface-page);
  --og-color-component-footer-claim: var(--og-color-semantic-text-secondary);
  --og-color-component-footer-contact-text: var(--og-color-semantic-text-secondary);
  --og-color-component-footer-legal-link: var(--og-color-semantic-text-secondary);
  --og-color-component-footer-legal-link-hover: var(--og-color-semantic-text-link-hover);
  --og-color-component-footer-link: var(--og-color-semantic-text-secondary);
  --og-color-component-footer-link-hover: var(--og-color-semantic-text-link-hover);
  --og-color-component-footer-meta-text: var(--og-color-semantic-text-muted);
  --og-color-component-footer-social-icon: var(--og-color-semantic-text-secondary);
  --og-color-component-footer-social-icon-hover: var(--og-color-semantic-brand-primary);
  --og-color-component-footer-surface: var(--og-color-semantic-surface-page-soft);
  --og-color-component-footer-title: var(--og-color-semantic-text-primary);
  --og-color-component-form-section-border: var(--og-color-semantic-border-subtle);
  --og-color-component-form-section-optional-text: var(--og-color-semantic-text-muted);
  --og-color-component-form-section-subtitle: var(--og-color-semantic-text-secondary);
  --og-color-component-form-section-surface: var(--og-color-semantic-surface-card);
  --og-color-component-form-section-title: var(--og-color-semantic-text-primary);
  --og-color-component-header-border: var(--og-color-semantic-border-subtle);
  --og-color-component-header-cart-badge-surface: var(--og-color-semantic-brand-primary);
  --og-color-component-header-cart-badge-text: var(--og-color-semantic-text-on-brand);
  --og-color-component-header-icon: var(--og-color-semantic-text-primary);
  --og-color-component-header-icon-hover: var(--og-color-semantic-text-link-hover);
  --og-color-component-header-nav-text: var(--og-color-semantic-text-primary);
  --og-color-component-header-nav-text-active: var(--og-color-semantic-text-link);
  --og-color-component-header-nav-text-hover: var(--og-color-semantic-text-link-hover);
  --og-color-component-header-surface: var(--og-color-semantic-surface-page);
  --og-color-component-help-card-border: var(--og-color-semantic-border-subtle);
  --og-color-component-help-card-link: var(--og-color-semantic-text-link);
  --og-color-component-help-card-surface: var(--og-color-semantic-surface-card);
  --og-color-component-help-card-text: var(--og-color-semantic-text-secondary);
  --og-color-component-help-card-title: var(--og-color-semantic-text-primary);
  --og-color-component-icon-button-dark-bg: var(--og-color-primitive-neutral-200-30);
  --og-color-component-icon-button-dark-focus-ring: var(--og-color-semantic-border-subtle);
  --og-color-component-icon-button-dark-icon: var(--og-color-primitive-neutral-200);
  --og-color-component-icon-button-light-bg: var(--og-color-primitive-neutral-200-30);
  --og-color-component-icon-button-light-focus-ring: var(--og-color-semantic-border-focus);
  --og-color-component-icon-button-light-icon: var(--og-color-semantic-text-primary);
  --og-color-component-icon-button-photo-bg: var(--og-color-primitive-neutral-900-60);
  --og-color-component-icon-button-photo-bg-default: var(--og-color-primitive-neutral-900-40);
  --og-color-component-icon-button-photo-focus-ring: var(--og-color-primitive-raspberry-500);
  --og-color-component-icon-button-photo-icon: var(--og-color-primitive-neutral-200);
  --og-color-component-logo-book: var(--og-color-semantic-brand-on-primary);
  --og-color-component-logo-icon: var(--og-color-semantic-brand-primary);
  --og-color-component-logo-text: var(--og-color-semantic-brand-secondary);
  --og-color-component-modal-action-bg: var(--og-color-semantic-action-primary-bg);
  --og-color-component-modal-action-text: var(--og-color-semantic-action-primary-text);
  --og-color-component-modal-border: var(--og-color-semantic-border-subtle);
  --og-color-component-modal-close-icon: var(--og-color-semantic-text-primary);
  --og-color-component-modal-close-icon-hover: var(--og-color-semantic-text-link-hover);
  --og-color-component-modal-footer-surface: var(--og-color-semantic-surface-card);
  --og-color-component-modal-overlay: var(--og-color-semantic-surface-overlay);
  --og-color-component-modal-surface: var(--og-color-semantic-surface-card);
  --og-color-component-modal-text: var(--og-color-semantic-text-secondary);
  --og-color-component-modal-title: var(--og-color-semantic-text-primary);
  --og-color-component-option-card-border: var(--og-color-semantic-border-default);
  --og-color-component-option-card-meta: var(--og-color-semantic-text-secondary);
  --og-color-component-option-card-price: var(--og-color-semantic-price-current);
  --og-color-component-option-card-radio-border: var(--og-color-semantic-border-default);
  --og-color-component-option-card-radio-selected: var(--og-color-semantic-brand-primary);
  --og-color-component-option-card-selected-border: var(--og-color-semantic-state-selected-border);
  --og-color-component-option-card-selected-surface: var(--og-color-semantic-state-selected-surface);
  --og-color-component-option-card-surface: var(--og-color-semantic-surface-card);
  --og-color-component-option-card-surface-hover: var(--og-color-semantic-state-hover-surface);
  --og-color-component-option-card-text: var(--og-color-semantic-text-primary);
  --og-color-component-order-summary-border: var(--og-color-semantic-border-subtle);
  --og-color-component-order-summary-discount: var(--og-color-semantic-price-negative);
  --og-color-component-order-summary-label: var(--og-color-semantic-text-secondary);
  --og-color-component-order-summary-sticky-bg: var(--og-color-semantic-surface-card);
  --og-color-component-order-summary-surface: var(--og-color-semantic-surface-card);
  --og-color-component-order-summary-title: var(--og-color-semantic-text-primary);
  --og-color-component-order-summary-total-label: var(--og-color-semantic-text-primary);
  --og-color-component-order-summary-total-value: var(--og-color-semantic-text-primary);
  --og-color-component-order-summary-value: var(--og-color-semantic-text-primary);
  --og-color-component-page-hero-breadcrumb: var(--og-color-semantic-text-secondary);
  --og-color-component-page-hero-breadcrumb-current: var(--og-color-semantic-text-link);
  --og-color-component-page-hero-meta: var(--og-color-semantic-text-secondary);
  --og-color-component-page-hero-price: var(--og-color-semantic-price-current);
  --og-color-component-page-hero-price-old: var(--og-color-semantic-price-old);
  --og-color-component-page-hero-price-sale: var(--og-color-semantic-price-sale);
  --og-color-component-page-hero-subtitle: var(--og-color-semantic-text-secondary);
  --og-color-component-page-hero-surface: var(--og-color-semantic-surface-section-brand);
  --og-color-component-page-hero-title: var(--og-color-semantic-text-primary);
  --og-color-component-product-card-border: var(--og-color-semantic-border-default);
  --og-color-component-product-card-border-hover: var(--og-color-semantic-border-strong);
  --og-color-component-product-card-button-bg: var(--og-color-semantic-action-primary-bg);
  --og-color-component-product-card-button-bg-hover: var(--og-color-semantic-action-primary-bg-hover);
  --og-color-component-product-card-button-text: var(--og-color-semantic-action-primary-text);
  --og-color-component-product-card-description: var(--og-color-semantic-text-secondary);
  --og-color-component-product-card-meta: var(--og-color-semantic-text-secondary);
  --og-color-component-product-card-price: var(--og-color-semantic-price-current);
  --og-color-component-product-card-price-old: var(--og-color-semantic-price-old);
  --og-color-component-product-card-price-sale: var(--og-color-semantic-price-sale);
  --og-color-component-product-card-surface: var(--og-color-semantic-surface-card);
  --og-color-component-product-card-title: var(--og-color-semantic-text-primary);
  --og-color-component-product-gallery-control-icon: var(--og-color-semantic-text-primary);
  --og-color-component-product-gallery-control-surface: var(--og-color-semantic-surface-card);
  --og-color-component-product-gallery-surface: var(--og-color-semantic-surface-card);
  --og-color-component-product-gallery-thumb-border: var(--og-color-semantic-border-default);
  --og-color-component-product-gallery-thumb-border-active: var(--og-color-semantic-border-selected);
  --og-color-component-product-info-border: var(--og-color-semantic-border-subtle);
  --og-color-component-product-info-highlight-surface: var(--og-color-semantic-surface-section-brand);
  --og-color-component-product-info-highlight-text: var(--og-color-semantic-text-secondary);
  --og-color-component-product-info-icon: var(--og-color-semantic-brand-primary);
  --og-color-component-product-info-surface: var(--og-color-semantic-surface-card);
  --og-color-component-product-info-text: var(--og-color-semantic-text-secondary);
  --og-color-component-product-info-title: var(--og-color-semantic-text-primary);
  --og-color-component-promo-bar-close-icon: var(--og-color-semantic-text-on-brand);
  --og-color-component-promo-bar-icon: var(--og-color-semantic-text-on-brand);
  --og-color-component-promo-bar-surface: var(--og-color-semantic-brand-primary);
  --og-color-component-promo-bar-text: var(--og-color-semantic-text-on-brand);
  --og-color-component-review-card-border: var(--og-color-semantic-border-subtle);
  --og-color-component-review-card-date: var(--og-color-semantic-text-muted);
  --og-color-component-review-card-name: var(--og-color-semantic-text-primary);
  --og-color-component-review-card-star-empty: var(--og-color-semantic-rating-star-empty);
  --og-color-component-review-card-star-fill: var(--og-color-semantic-rating-star-fill);
  --og-color-component-review-card-surface: var(--og-color-semantic-surface-card);
  --og-color-component-review-card-text: var(--og-color-semantic-text-secondary);
  --og-color-component-swatch-border: var(--og-color-semantic-border-default);
  --og-color-component-swatch-border-hover: var(--og-color-semantic-border-strong);
  --og-color-component-swatch-border-selected: var(--og-color-semantic-border-selected);
  --og-color-component-swatch-label: var(--og-color-semantic-text-secondary);
  --og-color-component-swatch-label-selected: var(--og-color-semantic-text-primary);
  --og-color-component-switch-disabled-bg: var(--og-color-semantic-state-disabled-border);
  --og-color-component-switch-disabled-thumb: var(--og-color-primitive-neutral-000);
  --og-color-component-switch-off-bg: var(--og-color-primitive-neutral-300);
  --og-color-component-switch-off-thumb: var(--og-color-primitive-neutral-000);
  --og-color-component-switch-on-bg: var(--og-color-semantic-brand-primary);
  --og-color-component-switch-on-thumb: var(--og-color-primitive-neutral-000);
  --og-color-component-tabs-border: var(--og-color-semantic-border-default);
  --og-color-component-tabs-indicator: var(--og-color-semantic-brand-primary);
  --og-color-component-tabs-surface: var(--og-color-semantic-surface-page);
  --og-color-component-tabs-text: var(--og-color-semantic-text-secondary);
  --og-color-component-tabs-text-active: var(--og-color-semantic-text-primary);
  --og-color-component-tabs-text-hover: var(--og-color-semantic-text-link-hover);
  /* color/configurator */
  --og-color-configurator-eyes-black: #1F2328;
  --og-color-configurator-eyes-blue: #3A78D4;
  --og-color-configurator-eyes-brown: #8B5A2B;
  --og-color-configurator-eyes-green: #2F9A63;
  --og-color-configurator-favorite-black: #1F2328;
  --og-color-configurator-favorite-blue: #2F6FED;
  --og-color-configurator-favorite-green: #2FAE6B;
  --og-color-configurator-favorite-orange: #F28C2B;
  --og-color-configurator-favorite-pink: #F05AA6;
  --og-color-configurator-favorite-purple: #7B5CFF;
  --og-color-configurator-favorite-red: #E4474F;
  --og-color-configurator-favorite-white: #F9F9F9;
  --og-color-configurator-favorite-yellow: #F6C343;
  --og-color-configurator-hair-black: #1F2328;
  --og-color-configurator-hair-blond: #E6D35A;
  --og-color-configurator-hair-brown: #7A4B2A;
  --og-color-configurator-hair-red: #C7562E;
  --og-color-configurator-skin-dark: #8C5A3C;
  --og-color-configurator-skin-fair: #F4D6C6;
  --og-color-configurator-skin-medium: #D3A07E;
  /* color/semantic */
  --og-color-semantic-action-disabled-bg: var(--og-color-primitive-neutral-100);
  --og-color-semantic-action-disabled-border: var(--og-color-primitive-neutral-200);
  --og-color-semantic-action-disabled-text: var(--og-color-primitive-neutral-400);
  --og-color-semantic-action-ghost-bg: var(--og-color-primitive-transparent-000);
  --og-color-semantic-action-ghost-bg-hover: var(--og-color-primitive-raspberry-050);
  --og-color-semantic-action-ghost-border: var(--og-color-primitive-transparent-000);
  --og-color-semantic-action-ghost-text: var(--og-color-primitive-raspberry-600);
  --og-color-semantic-action-primary-bg: var(--og-color-primitive-raspberry-600);
  --og-color-semantic-action-primary-bg-active: var(--og-color-primitive-raspberry-800);
  --og-color-semantic-action-primary-bg-hover: var(--og-color-primitive-raspberry-700);
  --og-color-semantic-action-primary-border: var(--og-color-primitive-raspberry-600);
  --og-color-semantic-action-primary-text: var(--og-color-primitive-neutral-000);
  --og-color-semantic-action-secondary-bg: var(--og-color-primitive-neutral-000);
  --og-color-semantic-action-secondary-bg-hover: var(--og-color-primitive-raspberry-050);
  --og-color-semantic-action-secondary-border: var(--og-color-primitive-raspberry-500);
  --og-color-semantic-action-secondary-text: var(--og-color-primitive-raspberry-600);
  --og-color-semantic-border-brand: var(--og-color-primitive-raspberry-500);
  --og-color-semantic-border-default: var(--og-color-primitive-neutral-200);
  --og-color-semantic-border-error: var(--og-color-primitive-red-500);
  --og-color-semantic-border-focus: var(--og-color-primitive-raspberry-500);
  --og-color-semantic-border-inverse: var(--og-color-primitive-neutral-700);
  --og-color-semantic-border-selected: var(--og-color-primitive-raspberry-500);
  --og-color-semantic-border-strong: var(--og-color-primitive-neutral-300);
  --og-color-semantic-border-subtle: var(--og-color-primitive-neutral-100);
  --og-color-semantic-border-success: var(--og-color-primitive-green-500);
  --og-color-semantic-border-warning: var(--og-color-primitive-orange-500);
  --og-color-semantic-brand-muted: var(--og-color-primitive-raspberry-100);
  --og-color-semantic-brand-on-primary: var(--og-color-primitive-neutral-000);
  --og-color-semantic-brand-primary: var(--og-color-primitive-raspberry-500);
  --og-color-semantic-brand-primary-dark: var(--og-color-primitive-raspberry-700);
  --og-color-semantic-brand-primary-strong: var(--og-color-primitive-raspberry-600);
  --og-color-semantic-brand-secondary: var(--og-color-primitive-neutral-500);
  --og-color-semantic-brand-soft: var(--og-color-primitive-raspberry-050);
  --og-color-semantic-form-help-text: var(--og-color-primitive-neutral-700);
  --og-color-semantic-form-input-border: var(--og-color-primitive-neutral-200);
  --og-color-semantic-form-input-border-error: var(--og-color-primitive-red-500);
  --og-color-semantic-form-input-border-focus: var(--og-color-primitive-raspberry-500);
  --og-color-semantic-form-input-border-hover: var(--og-color-primitive-neutral-300);
  --og-color-semantic-form-input-surface: var(--og-color-primitive-neutral-000);
  --og-color-semantic-form-input-surface-disabled: var(--og-color-primitive-neutral-100);
  --og-color-semantic-form-input-text: var(--og-color-primitive-neutral-900);
  --og-color-semantic-form-input-text-disabled: var(--og-color-primitive-neutral-400);
  --og-color-semantic-form-label: var(--og-color-primitive-neutral-900);
  --og-color-semantic-form-placeholder: var(--og-color-primitive-neutral-600);
  --og-color-semantic-magazine-category-about: var(--og-color-primitive-accents-sand);
  --og-color-semantic-magazine-category-advice: var(--og-color-primitive-accents-sky);
  --og-color-semantic-magazine-category-community: var(--og-color-primitive-accents-brand-light);
  --og-color-semantic-magazine-category-creative: var(--og-color-primitive-accents-mint);
  --og-color-semantic-magazine-category-stories: var(--og-color-primitive-accents-lavender);
  --og-color-semantic-price-current: var(--og-color-primitive-neutral-900);
  --og-color-semantic-price-discount-surface: var(--og-color-primitive-raspberry-050);
  --og-color-semantic-price-discount-text: var(--og-color-primitive-raspberry-700);
  --og-color-semantic-price-free: var(--og-color-primitive-green-700);
  --og-color-semantic-price-negative: var(--og-color-primitive-raspberry-600);
  --og-color-semantic-price-old: var(--og-color-primitive-neutral-500);
  --og-color-semantic-price-sale: var(--og-color-primitive-raspberry-600);
  --og-color-semantic-rating-meta: var(--og-color-primitive-neutral-700);
  --og-color-semantic-rating-star-empty: var(--og-color-primitive-neutral-300);
  --og-color-semantic-rating-star-fill: var(--og-color-primitive-gold-500);
  --og-color-semantic-rating-text: var(--og-color-primitive-neutral-900);
  --og-color-semantic-state-disabled-border: var(--og-color-primitive-neutral-200);
  --og-color-semantic-state-disabled-surface: var(--og-color-primitive-neutral-100);
  --og-color-semantic-state-disabled-text: var(--og-color-primitive-neutral-400);
  --og-color-semantic-state-focus-ring: var(--og-color-primitive-raspberry-500);
  --og-color-semantic-state-hover-surface: var(--og-color-primitive-raspberry-050);
  --og-color-semantic-state-overlay-scrim: var(--og-color-primitive-neutral-900-60);
  --og-color-semantic-state-selected-border: var(--og-color-primitive-raspberry-500);
  --og-color-semantic-state-selected-surface: var(--og-color-primitive-raspberry-050);
  --og-color-semantic-status-error-border: var(--og-color-primitive-red-500);
  --og-color-semantic-status-error-surface: var(--og-color-primitive-red-100);
  --og-color-semantic-status-error-text: var(--og-color-primitive-red-700);
  --og-color-semantic-status-info-border: var(--og-color-primitive-neutral-300);
  --og-color-semantic-status-info-surface: var(--og-color-primitive-accents-sky);
  --og-color-semantic-status-info-text: var(--og-color-primitive-neutral-800);
  --og-color-semantic-status-success-border: var(--og-color-primitive-green-500);
  --og-color-semantic-status-success-surface: var(--og-color-primitive-green-100);
  --og-color-semantic-status-success-text: var(--og-color-primitive-green-700);
  --og-color-semantic-status-warning-border: var(--og-color-primitive-orange-500);
  --og-color-semantic-status-warning-surface: var(--og-color-primitive-orange-100);
  --og-color-semantic-status-warning-text: var(--og-color-primitive-orange-700);
  --og-color-semantic-surface-brand: var(--og-color-primitive-raspberry-500);
  --og-color-semantic-surface-card: var(--og-color-primitive-neutral-000);
  --og-color-semantic-surface-card-muted: var(--og-color-primitive-neutral-050);
  --og-color-semantic-surface-input: var(--og-color-primitive-neutral-000);
  --og-color-semantic-surface-input-disabled: var(--og-color-primitive-neutral-100);
  --og-color-semantic-surface-inverse: var(--og-color-primitive-neutral-900);
  --og-color-semantic-surface-overlay: var(--og-color-primitive-neutral-900-60);
  --og-color-semantic-surface-page: var(--og-color-primitive-neutral-000);
  --og-color-semantic-surface-page-soft: var(--og-color-primitive-neutral-050);
  --og-color-semantic-surface-section: var(--og-color-primitive-neutral-100);
  --og-color-semantic-surface-section-brand: var(--og-color-primitive-raspberry-050);
  --og-color-semantic-surface-section-warm: var(--og-color-primitive-cream-050);
  --og-color-semantic-text-brand: var(--og-color-primitive-raspberry-500);
  --og-color-semantic-text-disabled: var(--og-color-primitive-neutral-400);
  --og-color-semantic-text-error: var(--og-color-primitive-red-700);
  --og-color-semantic-text-inverse: var(--og-color-primitive-neutral-050);
  --og-color-semantic-text-link: var(--og-color-primitive-raspberry-600);
  --og-color-semantic-text-link-hover: var(--og-color-primitive-raspberry-700);
  --og-color-semantic-text-muted: var(--og-color-primitive-neutral-600);
  --og-color-semantic-text-on-brand: var(--og-color-primitive-neutral-000);
  --og-color-semantic-text-placeholder: var(--og-color-primitive-neutral-600);
  --og-color-semantic-text-primary: var(--og-color-primitive-neutral-900);
  --og-color-semantic-text-secondary: var(--og-color-primitive-neutral-700);
  --og-color-semantic-text-subtle: var(--og-color-primitive-neutral-500);
  --og-color-semantic-text-success: var(--og-color-primitive-green-700);
  --og-color-semantic-text-warning: var(--og-color-primitive-orange-700);
  /* motion/semantic */
  --og-motion-semantic-hover-duration: var(--og-motion-primitive-duration-fast);
  --og-motion-semantic-hover-easing: var(--og-motion-primitive-easing-standard);
  --og-motion-semantic-modalenter-duration: var(--og-motion-primitive-duration-slow);
  --og-motion-semantic-modalenter-easing: var(--og-motion-primitive-easing-emphasized);
  --og-motion-semantic-modalexit-duration: var(--og-motion-primitive-duration-base);
  --og-motion-semantic-modalexit-easing: var(--og-motion-primitive-easing-exit);
  --og-motion-semantic-press-duration: var(--og-motion-primitive-duration-base);
  --og-motion-semantic-press-easing: var(--og-motion-primitive-easing-emphasized);
  /* radius/component */
  --og-radius-component-button: var(--og-radius-semantic-control);
  --og-radius-component-card: var(--og-radius-semantic-card);
  --og-radius-component-chip: var(--og-radius-semantic-badge);
  --og-radius-component-input: var(--og-radius-semantic-control);
  /* radius/semantic */
  --og-radius-semantic-badge: var(--og-radius-primitive-radius-round);
  --og-radius-semantic-card: var(--og-radius-primitive-radius-l);
  --og-radius-semantic-control: var(--og-radius-primitive-radius-m);
  --og-radius-semantic-subtle: var(--og-radius-primitive-radius-s);
  /* shadow/component */
  --og-shadow-component-dropdown: var(--og-shadow-semantic-overlay);
  --og-shadow-component-modal: var(--og-shadow-semantic-modal);
  --og-shadow-component-productcard: var(--og-shadow-semantic-card);
  /* shadow/semantic */
  --og-shadow-semantic-card: var(--og-shadow-primitive-s);
  --og-shadow-semantic-modal: var(--og-shadow-primitive-l);
  --og-shadow-semantic-overlay: var(--og-shadow-primitive-m);
  /* size/component */
  --og-size-component-form-image-preview: var(--og-size-semantic-media-preview);
  --og-size-component-form-input-height-l: var(--og-size-semantic-control-height-l);
  --og-size-component-form-input-height-m: var(--og-size-semantic-control-height-m);
  --og-size-component-form-input-height-s: var(--og-size-semantic-control-height-s);
  --og-size-component-form-input-height-xl: var(--og-size-semantic-control-height-xl);
  /* size/semantic */
  --og-size-semantic-control-height-l: var(--og-size-primitive-form-height-l);
  --og-size-semantic-control-height-m: var(--og-size-primitive-form-height-m);
  --og-size-semantic-control-height-s: var(--og-size-primitive-form-height-s);
  --og-size-semantic-control-height-xl: var(--og-size-primitive-form-height-xl);
  --og-size-semantic-media-preview: var(--og-size-primitive-form-image-preview);
  --og-size-semantic-touch-l: var(--og-size-primitive-touch-target-l);
  --og-size-semantic-touch-m: var(--og-size-primitive-touch-target-m);
  --og-size-semantic-touch-s: var(--og-size-primitive-touch-target-s);
  --og-size-semantic-touch-xl: var(--og-size-primitive-touch-target-xl);
  /* spacing/component */
  --og-spacing-component-card-gap: var(--og-spacing-semantic-stack-m);
  --og-spacing-component-card-padding: var(--og-spacing-semantic-inset-card);
  --og-spacing-component-form-fieldgap: var(--og-spacing-semantic-stack-xs);
  --og-spacing-component-form-rowgap: var(--og-spacing-semantic-stack-s);
  --og-spacing-component-hero-contentgap: var(--og-spacing-semantic-stack-l);
  --og-spacing-component-hero-sectionpadding: var(--og-spacing-semantic-inset-page);
  /* spacing/semantic */
  --og-spacing-semantic-inline-l: var(--og-spacing-primitive-space-l);
  --og-spacing-semantic-inline-m: var(--og-spacing-primitive-space-m);
  --og-spacing-semantic-inline-s: var(--og-spacing-primitive-space-s);
  --og-spacing-semantic-inline-xs: var(--og-spacing-primitive-space-xs);
  --og-spacing-semantic-inset-card: var(--og-spacing-primitive-space-l);
  --og-spacing-semantic-inset-page: var(--og-spacing-primitive-space-2xl);
  --og-spacing-semantic-inset-panel: var(--og-spacing-primitive-space-xl);
  --og-spacing-semantic-stack-l: var(--og-spacing-primitive-space-l);
  --og-spacing-semantic-stack-m: var(--og-spacing-primitive-space-m);
  --og-spacing-semantic-stack-s: var(--og-spacing-primitive-space-s);
  --og-spacing-semantic-stack-section: var(--og-spacing-primitive-space-3xl);
  --og-spacing-semantic-stack-xl: var(--og-spacing-primitive-space-xl);
  --og-spacing-semantic-stack-xs: var(--og-spacing-primitive-space-xs);
  /* typography/component */
  --og-typography-component-badge-pill-fontfamily: Montserrat;
  --og-typography-component-badge-pill-fontsize: 14px;
  --og-typography-component-badge-pill-fontweight: SemiBold;
  --og-typography-component-badge-pill-fontweightnumeric: 600;
  --og-typography-component-badge-pill-leadingtrim: NONE;
  --og-typography-component-badge-pill-letterspacing: 0px;
  --og-typography-component-badge-pill-lineheight: 20px;
  --og-typography-component-badge-pill-listspacing: 0px;
  --og-typography-component-badge-pill-paragraphindent: 0px;
  --og-typography-component-badge-pill-paragraphspacing: 0px;
  --og-typography-component-badge-pill-textcase: ORIGINAL;
  --og-typography-component-badge-pill-textdecoration: NONE;
  --og-typography-component-button-label-fontfamily: Montserrat;
  --og-typography-component-button-label-fontsize: 18px;
  --og-typography-component-button-label-fontweight: SemiBold;
  --og-typography-component-button-label-fontweightnumeric: 600;
  --og-typography-component-button-label-leadingtrim: NONE;
  --og-typography-component-button-label-letterspacing: 0px;
  --og-typography-component-button-label-lineheight: 24px;
  --og-typography-component-button-label-listspacing: 0px;
  --og-typography-component-button-label-paragraphindent: 0px;
  --og-typography-component-button-label-paragraphspacing: 0px;
  --og-typography-component-button-label-textcase: ORIGINAL;
  --og-typography-component-button-label-textdecoration: NONE;
  --og-typography-component-chip-label-fontfamily: Montserrat;
  --og-typography-component-chip-label-fontsize: 16px;
  --og-typography-component-chip-label-fontweight: Medium;
  --og-typography-component-chip-label-fontweightnumeric: 500;
  --og-typography-component-chip-label-leadingtrim: NONE;
  --og-typography-component-chip-label-letterspacing: 0px;
  --og-typography-component-chip-label-lineheight: 20px;
  --og-typography-component-chip-label-listspacing: 0px;
  --og-typography-component-chip-label-paragraphindent: 0px;
  --og-typography-component-chip-label-paragraphspacing: 0px;
  --og-typography-component-chip-label-textcase: ORIGINAL;
  --og-typography-component-chip-label-textdecoration: NONE;
  --og-typography-component-form-helper-fontfamily: Montserrat;
  --og-typography-component-form-helper-fontsize: 14px;
  --og-typography-component-form-helper-fontweight: Regular;
  --og-typography-component-form-helper-fontweightnumeric: 400;
  --og-typography-component-form-helper-leadingtrim: NONE;
  --og-typography-component-form-helper-letterspacing: 0px;
  --og-typography-component-form-helper-lineheight: 20px;
  --og-typography-component-form-helper-listspacing: 0px;
  --og-typography-component-form-helper-paragraphindent: 0px;
  --og-typography-component-form-helper-paragraphspacing: 0px;
  --og-typography-component-form-helper-textcase: ORIGINAL;
  --og-typography-component-form-helper-textdecoration: NONE;
  --og-typography-component-form-input-fontfamily: Montserrat;
  --og-typography-component-form-input-fontsize: 16px;
  --og-typography-component-form-input-fontweight: Medium;
  --og-typography-component-form-input-fontweightnumeric: 500;
  --og-typography-component-form-input-leadingtrim: NONE;
  --og-typography-component-form-input-letterspacing: 0px;
  --og-typography-component-form-input-lineheight: 24px;
  --og-typography-component-form-input-listspacing: 0px;
  --og-typography-component-form-input-paragraphindent: 0px;
  --og-typography-component-form-input-paragraphspacing: 0px;
  --og-typography-component-form-input-textcase: ORIGINAL;
  --og-typography-component-form-input-textdecoration: NONE;
  --og-typography-component-form-label-fontfamily: Montserrat;
  --og-typography-component-form-label-fontsize: 16px;
  --og-typography-component-form-label-fontweight: SemiBold;
  --og-typography-component-form-label-fontweightnumeric: 600;
  --og-typography-component-form-label-leadingtrim: NONE;
  --og-typography-component-form-label-letterspacing: 0px;
  --og-typography-component-form-label-lineheight: 20px;
  --og-typography-component-form-label-listspacing: 0px;
  --og-typography-component-form-label-paragraphindent: 0px;
  --og-typography-component-form-label-paragraphspacing: 0px;
  --og-typography-component-form-label-textcase: ORIGINAL;
  --og-typography-component-form-label-textdecoration: NONE;
  --og-typography-component-form-message-fontfamily: Montserrat;
  --og-typography-component-form-message-fontsize: 14px;
  --og-typography-component-form-message-fontweight: Medium;
  --og-typography-component-form-message-fontweightnumeric: 500;
  --og-typography-component-form-message-leadingtrim: NONE;
  --og-typography-component-form-message-letterspacing: 0px;
  --og-typography-component-form-message-lineheight: 20px;
  --og-typography-component-form-message-listspacing: 0px;
  --og-typography-component-form-message-paragraphindent: 0px;
  --og-typography-component-form-message-paragraphspacing: 0px;
  --og-typography-component-form-message-textcase: ORIGINAL;
  --og-typography-component-form-message-textdecoration: NONE;
  --og-typography-component-header-nav-primary-fontfamily: Montserrat;
  --og-typography-component-header-nav-primary-fontsize: 16px;
  --og-typography-component-header-nav-primary-fontweight: SemiBold;
  --og-typography-component-header-nav-primary-fontweightnumeric: 600;
  --og-typography-component-header-nav-primary-leadingtrim: NONE;
  --og-typography-component-header-nav-primary-letterspacing: 0px;
  --og-typography-component-header-nav-primary-lineheight: 24px;
  --og-typography-component-header-nav-primary-listspacing: 0px;
  --og-typography-component-header-nav-primary-paragraphindent: 0px;
  --og-typography-component-header-nav-primary-paragraphspacing: 0px;
  --og-typography-component-header-nav-primary-textcase: ORIGINAL;
  --og-typography-component-header-nav-primary-textdecoration: NONE;
  --og-typography-component-header-nav-secondary-fontfamily: Montserrat;
  --og-typography-component-header-nav-secondary-fontsize: 16px;
  --og-typography-component-header-nav-secondary-fontweight: Medium;
  --og-typography-component-header-nav-secondary-fontweightnumeric: 500;
  --og-typography-component-header-nav-secondary-leadingtrim: NONE;
  --og-typography-component-header-nav-secondary-letterspacing: 0px;
  --og-typography-component-header-nav-secondary-lineheight: 20px;
  --og-typography-component-header-nav-secondary-listspacing: 0px;
  --og-typography-component-header-nav-secondary-paragraphindent: 0px;
  --og-typography-component-header-nav-secondary-paragraphspacing: 0px;
  --og-typography-component-header-nav-secondary-textcase: ORIGINAL;
  --og-typography-component-header-nav-secondary-textdecoration: NONE;
  --og-typography-component-meta-small-fontfamily: Montserrat;
  --og-typography-component-meta-small-fontsize: 14px;
  --og-typography-component-meta-small-fontweight: Medium;
  --og-typography-component-meta-small-fontweightnumeric: 500;
  --og-typography-component-meta-small-leadingtrim: NONE;
  --og-typography-component-meta-small-letterspacing: 0px;
  --og-typography-component-meta-small-lineheight: 20px;
  --og-typography-component-meta-small-listspacing: 0px;
  --og-typography-component-meta-small-paragraphindent: 0px;
  --og-typography-component-meta-small-paragraphspacing: 0px;
  --og-typography-component-meta-small-textcase: ORIGINAL;
  --og-typography-component-meta-small-textdecoration: NONE;
  --og-typography-component-product-price-current-fontfamily: Montserrat;
  --og-typography-component-product-price-current-fontsize: 20px;
  --og-typography-component-product-price-current-fontweight: SemiBold;
  --og-typography-component-product-price-current-fontweightnumeric: 600;
  --og-typography-component-product-price-current-leadingtrim: NONE;
  --og-typography-component-product-price-current-letterspacing: 0px;
  --og-typography-component-product-price-current-lineheight: 30px;
  --og-typography-component-product-price-current-listspacing: 0px;
  --og-typography-component-product-price-current-paragraphindent: 0px;
  --og-typography-component-product-price-current-paragraphspacing: 0px;
  --og-typography-component-product-price-current-textcase: ORIGINAL;
  --og-typography-component-product-price-current-textdecoration: NONE;
  --og-typography-component-product-price-old-fontfamily: Montserrat;
  --og-typography-component-product-price-old-fontsize: 20px;
  --og-typography-component-product-price-old-fontweight: Medium;
  --og-typography-component-product-price-old-fontweightnumeric: 500;
  --og-typography-component-product-price-old-leadingtrim: NONE;
  --og-typography-component-product-price-old-letterspacing: 0px;
  --og-typography-component-product-price-old-lineheight: 30px;
  --og-typography-component-product-price-old-listspacing: 0px;
  --og-typography-component-product-price-old-paragraphindent: 0px;
  --og-typography-component-product-price-old-paragraphspacing: 0px;
  --og-typography-component-product-price-old-textcase: ORIGINAL;
  --og-typography-component-product-price-old-textdecoration: NONE;
  --og-typography-component-promobar-text-fontfamily: Montserrat;
  --og-typography-component-promobar-text-fontsize: 16px;
  --og-typography-component-promobar-text-fontweight: SemiBold;
  --og-typography-component-promobar-text-fontweightnumeric: 600;
  --og-typography-component-promobar-text-leadingtrim: NONE;
  --og-typography-component-promobar-text-letterspacing: 0px;
  --og-typography-component-promobar-text-lineheight: 20px;
  --og-typography-component-promobar-text-listspacing: 0px;
  --og-typography-component-promobar-text-paragraphindent: 0px;
  --og-typography-component-promobar-text-paragraphspacing: 0px;
  --og-typography-component-promobar-text-textcase: ORIGINAL;
  --og-typography-component-promobar-text-textdecoration: NONE;
  --og-typography-component-tabs-label-fontfamily: Montserrat;
  --og-typography-component-tabs-label-fontsize: 16px;
  --og-typography-component-tabs-label-fontweight: SemiBold;
  --og-typography-component-tabs-label-fontweightnumeric: 600;
  --og-typography-component-tabs-label-leadingtrim: NONE;
  --og-typography-component-tabs-label-letterspacing: 0px;
  --og-typography-component-tabs-label-lineheight: 20px;
  --og-typography-component-tabs-label-listspacing: 0px;
  --og-typography-component-tabs-label-paragraphindent: 0px;
  --og-typography-component-tabs-label-paragraphspacing: 0px;
  --og-typography-component-tabs-label-textcase: ORIGINAL;
  --og-typography-component-tabs-label-textdecoration: NONE;
  /* typography/semantic */
  --og-typography-semantic-nav-primary-fontfamily: var(--og-typography-primitive-font-family-primary);
  --og-typography-semantic-nav-primary-fontsize: var(--og-typography-primitive-font-size-16);
  --og-typography-semantic-nav-primary-fontweight: var(--og-typography-primitive-font-weight-600);
  --og-typography-semantic-nav-primary-fontweightnumeric: var(--og-typography-primitive-font-weight-numeric-600);
  --og-typography-semantic-nav-primary-leadingtrim: NONE;
  --og-typography-semantic-nav-primary-letterspacing: 0px;
  --og-typography-semantic-nav-primary-lineheight: var(--og-typography-primitive-line-height-16-body);
  --og-typography-semantic-nav-primary-listspacing: 0px;
  --og-typography-semantic-nav-primary-paragraphindent: 0px;
  --og-typography-semantic-nav-primary-paragraphspacing: 0px;
  --og-typography-semantic-nav-primary-textcase: ORIGINAL;
  --og-typography-semantic-nav-primary-textdecoration: NONE;
  --og-typography-semantic-nav-secondary-fontfamily: var(--og-typography-primitive-font-family-primary);
  --og-typography-semantic-nav-secondary-fontsize: var(--og-typography-primitive-font-size-16);
  --og-typography-semantic-nav-secondary-fontweight: var(--og-typography-primitive-font-weight-500);
  --og-typography-semantic-nav-secondary-fontweightnumeric: var(--og-typography-primitive-font-weight-numeric-500);
  --og-typography-semantic-nav-secondary-leadingtrim: NONE;
  --og-typography-semantic-nav-secondary-letterspacing: 0px;
  --og-typography-semantic-nav-secondary-lineheight: var(--og-typography-primitive-line-height-16-head);
  --og-typography-semantic-nav-secondary-listspacing: 0px;
  --og-typography-semantic-nav-secondary-paragraphindent: 0px;
  --og-typography-semantic-nav-secondary-paragraphspacing: 0px;
  --og-typography-semantic-nav-secondary-textcase: ORIGINAL;
  --og-typography-semantic-nav-secondary-textdecoration: NONE;
  --og-typography-semantic-price-old-fontfamily: var(--og-typography-primitive-font-family-primary);
  --og-typography-semantic-price-old-fontsize: var(--og-typography-primitive-font-size-20);
  --og-typography-semantic-price-old-fontweight: var(--og-typography-primitive-font-weight-500);
  --og-typography-semantic-price-old-fontweightnumeric: var(--og-typography-primitive-font-weight-numeric-500);
  --og-typography-semantic-price-old-leadingtrim: NONE;
  --og-typography-semantic-price-old-letterspacing: 0px;
  --og-typography-semantic-price-old-lineheight: var(--og-typography-primitive-line-height-20);
  --og-typography-semantic-price-old-listspacing: 0px;
  --og-typography-semantic-price-old-paragraphindent: 0px;
  --og-typography-semantic-price-old-paragraphspacing: 0px;
  --og-typography-semantic-price-old-textcase: ORIGINAL;
  --og-typography-semantic-price-old-textdecoration: NONE;
  --og-typography-semantic-price-value-fontfamily: var(--og-typography-primitive-font-family-primary);
  --og-typography-semantic-price-value-fontsize: var(--og-typography-primitive-font-size-20);
  --og-typography-semantic-price-value-fontweight: var(--og-typography-primitive-font-weight-600);
  --og-typography-semantic-price-value-fontweightnumeric: var(--og-typography-primitive-font-weight-numeric-600);
  --og-typography-semantic-price-value-leadingtrim: NONE;
  --og-typography-semantic-price-value-letterspacing: 0px;
  --og-typography-semantic-price-value-lineheight: var(--og-typography-primitive-line-height-20);
  --og-typography-semantic-price-value-listspacing: 0px;
  --og-typography-semantic-price-value-paragraphindent: 0px;
  --og-typography-semantic-price-value-paragraphspacing: 0px;
  --og-typography-semantic-price-value-textcase: ORIGINAL;
  --og-typography-semantic-price-value-textdecoration: NONE;
  --og-typography-semantic-text-base-fontfamily: var(--og-typography-primitive-font-family-secondary);
  --og-typography-semantic-text-base-fontsize: var(--og-typography-primitive-font-size-16);
  --og-typography-semantic-text-base-fontweight: var(--og-typography-primitive-font-weight-400);
  --og-typography-semantic-text-base-fontweightnumeric: var(--og-typography-primitive-font-weight-numeric-400);
  --og-typography-semantic-text-base-leadingtrim: NONE;
  --og-typography-semantic-text-base-letterspacing: 0px;
  --og-typography-semantic-text-base-lineheight: var(--og-typography-primitive-line-height-16-body);
  --og-typography-semantic-text-base-listspacing: 0px;
  --og-typography-semantic-text-base-paragraphindent: 0px;
  --og-typography-semantic-text-base-paragraphspacing: 0px;
  --og-typography-semantic-text-base-strong-fontfamily: var(--og-typography-primitive-font-family-secondary);
  --og-typography-semantic-text-base-strong-fontsize: var(--og-typography-primitive-font-size-16);
  --og-typography-semantic-text-base-strong-fontweight: var(--og-typography-primitive-font-weight-500);
  --og-typography-semantic-text-base-strong-fontweightnumeric: var(--og-typography-primitive-font-weight-numeric-500);
  --og-typography-semantic-text-base-strong-leadingtrim: NONE;
  --og-typography-semantic-text-base-strong-letterspacing: 0px;
  --og-typography-semantic-text-base-strong-lineheight: var(--og-typography-primitive-line-height-16-body);
  --og-typography-semantic-text-base-strong-listspacing: 0px;
  --og-typography-semantic-text-base-strong-paragraphindent: 0px;
  --og-typography-semantic-text-base-strong-paragraphspacing: 0px;
  --og-typography-semantic-text-base-strong-textcase: ORIGINAL;
  --og-typography-semantic-text-base-strong-textdecoration: NONE;
  --og-typography-semantic-text-base-textcase: ORIGINAL;
  --og-typography-semantic-text-base-textdecoration: NONE;
  --og-typography-semantic-text-lead-fontfamily: var(--og-typography-primitive-font-family-secondary);
  --og-typography-semantic-text-lead-fontsize: var(--og-typography-primitive-font-size-18);
  --og-typography-semantic-text-lead-fontweight: var(--og-typography-primitive-font-weight-400);
  --og-typography-semantic-text-lead-fontweightnumeric: var(--og-typography-primitive-font-weight-numeric-400);
  --og-typography-semantic-text-lead-leadingtrim: NONE;
  --og-typography-semantic-text-lead-letterspacing: 0px;
  --og-typography-semantic-text-lead-lineheight: var(--og-typography-primitive-line-height-18);
  --og-typography-semantic-text-lead-listspacing: 0px;
  --og-typography-semantic-text-lead-paragraphindent: 0px;
  --og-typography-semantic-text-lead-paragraphspacing: 0px;
  --og-typography-semantic-text-lead-strong-fontfamily: var(--og-typography-primitive-font-family-secondary);
  --og-typography-semantic-text-lead-strong-fontsize: var(--og-typography-primitive-font-size-18);
  --og-typography-semantic-text-lead-strong-fontweight: var(--og-typography-primitive-font-weight-500);
  --og-typography-semantic-text-lead-strong-fontweightnumeric: var(--og-typography-primitive-font-weight-numeric-500);
  --og-typography-semantic-text-lead-strong-leadingtrim: NONE;
  --og-typography-semantic-text-lead-strong-letterspacing: 0px;
  --og-typography-semantic-text-lead-strong-lineheight: var(--og-typography-primitive-line-height-18);
  --og-typography-semantic-text-lead-strong-listspacing: 0px;
  --og-typography-semantic-text-lead-strong-paragraphindent: 0px;
  --og-typography-semantic-text-lead-strong-paragraphspacing: 0px;
  --og-typography-semantic-text-lead-strong-textcase: ORIGINAL;
  --og-typography-semantic-text-lead-strong-textdecoration: NONE;
  --og-typography-semantic-text-lead-textcase: ORIGINAL;
  --og-typography-semantic-text-lead-textdecoration: NONE;
  --og-typography-semantic-text-small-fontfamily: var(--og-typography-primitive-font-family-secondary);
  --og-typography-semantic-text-small-fontsize: var(--og-typography-primitive-font-size-14);
  --og-typography-semantic-text-small-fontweight: var(--og-typography-primitive-font-weight-400);
  --og-typography-semantic-text-small-fontweightnumeric: var(--og-typography-primitive-font-weight-numeric-400);
  --og-typography-semantic-text-small-leadingtrim: NONE;
  --og-typography-semantic-text-small-letterspacing: 0px;
  --og-typography-semantic-text-small-lineheight: var(--og-typography-primitive-line-height-14);
  --og-typography-semantic-text-small-listspacing: 0px;
  --og-typography-semantic-text-small-paragraphindent: 0px;
  --og-typography-semantic-text-small-paragraphspacing: 0px;
  --og-typography-semantic-text-small-strong-fontfamily: var(--og-typography-primitive-font-family-secondary);
  --og-typography-semantic-text-small-strong-fontsize: var(--og-typography-primitive-font-size-14);
  --og-typography-semantic-text-small-strong-fontweight: var(--og-typography-primitive-font-weight-500);
  --og-typography-semantic-text-small-strong-fontweightnumeric: var(--og-typography-primitive-font-weight-numeric-500);
  --og-typography-semantic-text-small-strong-leadingtrim: NONE;
  --og-typography-semantic-text-small-strong-letterspacing: 0px;
  --og-typography-semantic-text-small-strong-lineheight: var(--og-typography-primitive-line-height-14);
  --og-typography-semantic-text-small-strong-listspacing: 0px;
  --og-typography-semantic-text-small-strong-paragraphindent: 0px;
  --og-typography-semantic-text-small-strong-paragraphspacing: 0px;
  --og-typography-semantic-text-small-strong-textcase: ORIGINAL;
  --og-typography-semantic-text-small-strong-textdecoration: NONE;
  --og-typography-semantic-text-small-textcase: ORIGINAL;
  --og-typography-semantic-text-small-textdecoration: NONE;
  --og-typography-semantic-title-callout-fontfamily: var(--og-typography-primitive-font-family-primary);
  --og-typography-semantic-title-callout-fontsize: var(--og-typography-primitive-font-size-36);
  --og-typography-semantic-title-callout-fontweight: var(--og-typography-primitive-font-weight-600);
  --og-typography-semantic-title-callout-fontweightnumeric: var(--og-typography-primitive-font-weight-numeric-600);
  --og-typography-semantic-title-callout-leadingtrim: NONE;
  --og-typography-semantic-title-callout-letterspacing: 0px;
  --og-typography-semantic-title-callout-lineheight: var(--og-typography-primitive-line-height-36);
  --og-typography-semantic-title-callout-listspacing: 0px;
  --og-typography-semantic-title-callout-paragraphindent: 0px;
  --og-typography-semantic-title-callout-paragraphspacing: 0px;
  --og-typography-semantic-title-callout-textcase: ORIGINAL;
  --og-typography-semantic-title-callout-textdecoration: NONE;
  --og-typography-semantic-title-hero-fontfamily: var(--og-typography-primitive-font-family-primary);
  --og-typography-semantic-title-hero-fontsize: var(--og-typography-primitive-font-size-48);
  --og-typography-semantic-title-hero-fontweight: var(--og-typography-primitive-font-weight-600);
  --og-typography-semantic-title-hero-fontweightnumeric: var(--og-typography-primitive-font-weight-numeric-600);
  --og-typography-semantic-title-hero-leadingtrim: NONE;
  --og-typography-semantic-title-hero-letterspacing: 0px;
  --og-typography-semantic-title-hero-lineheight: var(--og-typography-primitive-line-height-48);
  --og-typography-semantic-title-hero-listspacing: 0px;
  --og-typography-semantic-title-hero-paragraphindent: 0px;
  --og-typography-semantic-title-hero-paragraphspacing: 0px;
  --og-typography-semantic-title-hero-textcase: ORIGINAL;
  --og-typography-semantic-title-hero-textdecoration: NONE;
  --og-typography-semantic-title-minor-fontfamily: var(--og-typography-primitive-font-family-primary);
  --og-typography-semantic-title-minor-fontsize: var(--og-typography-primitive-font-size-18);
  --og-typography-semantic-title-minor-fontweight: var(--og-typography-primitive-font-weight-600);
  --og-typography-semantic-title-minor-fontweightnumeric: var(--og-typography-primitive-font-weight-numeric-600);
  --og-typography-semantic-title-minor-leadingtrim: NONE;
  --og-typography-semantic-title-minor-letterspacing: 0px;
  --og-typography-semantic-title-minor-lineheight: var(--og-typography-primitive-line-height-18);
  --og-typography-semantic-title-minor-listspacing: 0px;
  --og-typography-semantic-title-minor-paragraphindent: 0px;
  --og-typography-semantic-title-minor-paragraphspacing: 0px;
  --og-typography-semantic-title-minor-textcase: ORIGINAL;
  --og-typography-semantic-title-minor-textdecoration: NONE;
  --og-typography-semantic-title-section-fontfamily: var(--og-typography-primitive-font-family-primary);
  --og-typography-semantic-title-section-fontsize: var(--og-typography-primitive-font-size-24);
  --og-typography-semantic-title-section-fontweight: var(--og-typography-primitive-font-weight-600);
  --og-typography-semantic-title-section-fontweightnumeric: var(--og-typography-primitive-font-weight-numeric-600);
  --og-typography-semantic-title-section-leadingtrim: NONE;
  --og-typography-semantic-title-section-letterspacing: 0px;
  --og-typography-semantic-title-section-lineheight: var(--og-typography-primitive-line-height-24);
  --og-typography-semantic-title-section-listspacing: 0px;
  --og-typography-semantic-title-section-paragraphindent: 0px;
  --og-typography-semantic-title-section-paragraphspacing: 0px;
  --og-typography-semantic-title-section-textcase: ORIGINAL;
  --og-typography-semantic-title-section-textdecoration: NONE;
  --og-typography-semantic-title-subsection-fontfamily: var(--og-typography-primitive-font-family-primary);
  --og-typography-semantic-title-subsection-fontsize: var(--og-typography-primitive-font-size-20);
  --og-typography-semantic-title-subsection-fontweight: var(--og-typography-primitive-font-weight-600);
  --og-typography-semantic-title-subsection-fontweightnumeric: var(--og-typography-primitive-font-weight-numeric-600);
  --og-typography-semantic-title-subsection-leadingtrim: NONE;
  --og-typography-semantic-title-subsection-letterspacing: 0px;
  --og-typography-semantic-title-subsection-lineheight: var(--og-typography-primitive-line-height-20);
  --og-typography-semantic-title-subsection-listspacing: 0px;
  --og-typography-semantic-title-subsection-paragraphindent: 0px;
  --og-typography-semantic-title-subsection-paragraphspacing: 0px;
  --og-typography-semantic-title-subsection-textcase: ORIGINAL;
  --og-typography-semantic-title-subsection-textdecoration: NONE;
  --og-typography-semantic-ui-button-fontfamily: var(--og-typography-primitive-font-family-secondary);
  --og-typography-semantic-ui-button-fontsize: var(--og-typography-primitive-font-size-18);
  --og-typography-semantic-ui-button-fontweight: var(--og-typography-primitive-font-weight-600);
  --og-typography-semantic-ui-button-fontweightnumeric: var(--og-typography-primitive-font-weight-numeric-600);
  --og-typography-semantic-ui-button-leadingtrim: NONE;
  --og-typography-semantic-ui-button-letterspacing: 0px;
  --og-typography-semantic-ui-button-lineheight: var(--og-typography-primitive-line-height-16-body);
  --og-typography-semantic-ui-button-listspacing: 0px;
  --og-typography-semantic-ui-button-paragraphindent: 0px;
  --og-typography-semantic-ui-button-paragraphspacing: 0px;
  --og-typography-semantic-ui-button-textcase: ORIGINAL;
  --og-typography-semantic-ui-button-textdecoration: NONE;
  --og-typography-semantic-ui-chip-fontfamily: var(--og-typography-primitive-font-family-secondary);
  --og-typography-semantic-ui-chip-fontsize: var(--og-typography-primitive-font-size-16);
  --og-typography-semantic-ui-chip-fontweight: var(--og-typography-primitive-font-weight-500);
  --og-typography-semantic-ui-chip-fontweightnumeric: var(--og-typography-primitive-font-weight-numeric-500);
  --og-typography-semantic-ui-chip-leadingtrim: NONE;
  --og-typography-semantic-ui-chip-letterspacing: 0px;
  --og-typography-semantic-ui-chip-lineheight: var(--og-typography-primitive-line-height-16-head);
  --og-typography-semantic-ui-chip-listspacing: 0px;
  --og-typography-semantic-ui-chip-paragraphindent: 0px;
  --og-typography-semantic-ui-chip-paragraphspacing: 0px;
  --og-typography-semantic-ui-chip-textcase: ORIGINAL;
  --og-typography-semantic-ui-chip-textdecoration: NONE;
  --og-typography-semantic-ui-helper-fontfamily: var(--og-typography-primitive-font-family-secondary);
  --og-typography-semantic-ui-helper-fontsize: var(--og-typography-primitive-font-size-14);
  --og-typography-semantic-ui-helper-fontweight: var(--og-typography-primitive-font-weight-400);
  --og-typography-semantic-ui-helper-fontweightnumeric: var(--og-typography-primitive-font-weight-numeric-400);
  --og-typography-semantic-ui-helper-leadingtrim: NONE;
  --og-typography-semantic-ui-helper-letterspacing: 0px;
  --og-typography-semantic-ui-helper-lineheight: var(--og-typography-primitive-line-height-14);
  --og-typography-semantic-ui-helper-listspacing: 0px;
  --og-typography-semantic-ui-helper-paragraphindent: 0px;
  --og-typography-semantic-ui-helper-paragraphspacing: 0px;
  --og-typography-semantic-ui-helper-textcase: ORIGINAL;
  --og-typography-semantic-ui-helper-textdecoration: NONE;
  --og-typography-semantic-ui-input-fontfamily: var(--og-typography-primitive-font-family-secondary);
  --og-typography-semantic-ui-input-fontsize: var(--og-typography-primitive-font-size-16);
  --og-typography-semantic-ui-input-fontweight: var(--og-typography-primitive-font-weight-500);
  --og-typography-semantic-ui-input-fontweightnumeric: var(--og-typography-primitive-font-weight-numeric-500);
  --og-typography-semantic-ui-input-leadingtrim: NONE;
  --og-typography-semantic-ui-input-letterspacing: 0px;
  --og-typography-semantic-ui-input-lineheight: var(--og-typography-primitive-line-height-16-body);
  --og-typography-semantic-ui-input-listspacing: 0px;
  --og-typography-semantic-ui-input-paragraphindent: 0px;
  --og-typography-semantic-ui-input-paragraphspacing: 0px;
  --og-typography-semantic-ui-input-textcase: ORIGINAL;
  --og-typography-semantic-ui-input-textdecoration: NONE;
  --og-typography-semantic-ui-label-fontfamily: var(--og-typography-primitive-font-family-secondary);
  --og-typography-semantic-ui-label-fontsize: var(--og-typography-primitive-font-size-16);
  --og-typography-semantic-ui-label-fontweight: var(--og-typography-primitive-font-weight-600);
  --og-typography-semantic-ui-label-fontweightnumeric: var(--og-typography-primitive-font-weight-numeric-600);
  --og-typography-semantic-ui-label-leadingtrim: NONE;
  --og-typography-semantic-ui-label-letterspacing: 0px;
  --og-typography-semantic-ui-label-lineheight: var(--og-typography-primitive-line-height-16-head);
  --og-typography-semantic-ui-label-listspacing: 0px;
  --og-typography-semantic-ui-label-paragraphindent: 0px;
  --og-typography-semantic-ui-label-paragraphspacing: 0px;
  --og-typography-semantic-ui-label-textcase: ORIGINAL;
  --og-typography-semantic-ui-label-textdecoration: NONE;
  --og-typography-semantic-ui-message-fontfamily: var(--og-typography-primitive-font-family-secondary);
  --og-typography-semantic-ui-message-fontsize: var(--og-typography-primitive-font-size-14);
  --og-typography-semantic-ui-message-fontweight: var(--og-typography-primitive-font-weight-500);
  --og-typography-semantic-ui-message-fontweightnumeric: var(--og-typography-primitive-font-weight-numeric-500);
  --og-typography-semantic-ui-message-leadingtrim: NONE;
  --og-typography-semantic-ui-message-letterspacing: 0px;
  --og-typography-semantic-ui-message-lineheight: var(--og-typography-primitive-line-height-14);
  --og-typography-semantic-ui-message-listspacing: 0px;
  --og-typography-semantic-ui-message-paragraphindent: 0px;
  --og-typography-semantic-ui-message-paragraphspacing: 0px;
  --og-typography-semantic-ui-message-textcase: ORIGINAL;
  --og-typography-semantic-ui-message-textdecoration: NONE;
  --og-typography-semantic-ui-meta-fontfamily: var(--og-typography-primitive-font-family-secondary);
  --og-typography-semantic-ui-meta-fontsize: var(--og-typography-primitive-font-size-14);
  --og-typography-semantic-ui-meta-fontweight: var(--og-typography-primitive-font-weight-500);
  --og-typography-semantic-ui-meta-fontweightnumeric: var(--og-typography-primitive-font-weight-numeric-500);
  --og-typography-semantic-ui-meta-leadingtrim: NONE;
  --og-typography-semantic-ui-meta-letterspacing: 0px;
  --og-typography-semantic-ui-meta-lineheight: var(--og-typography-primitive-line-height-14);
  --og-typography-semantic-ui-meta-listspacing: 0px;
  --og-typography-semantic-ui-meta-paragraphindent: 0px;
  --og-typography-semantic-ui-meta-paragraphspacing: 0px;
  --og-typography-semantic-ui-meta-textcase: ORIGINAL;
  --og-typography-semantic-ui-meta-textdecoration: NONE;
  --og-typography-semantic-ui-pill-fontfamily: var(--og-typography-primitive-font-family-secondary);
  --og-typography-semantic-ui-pill-fontsize: var(--og-typography-primitive-font-size-14);
  --og-typography-semantic-ui-pill-fontweight: var(--og-typography-primitive-font-weight-600);
  --og-typography-semantic-ui-pill-fontweightnumeric: var(--og-typography-primitive-font-weight-numeric-600);
  --og-typography-semantic-ui-pill-leadingtrim: NONE;
  --og-typography-semantic-ui-pill-letterspacing: 0px;
  --og-typography-semantic-ui-pill-lineheight: var(--og-typography-primitive-line-height-14);
  --og-typography-semantic-ui-pill-listspacing: 0px;
  --og-typography-semantic-ui-pill-paragraphindent: 0px;
  --og-typography-semantic-ui-pill-paragraphspacing: 0px;
  --og-typography-semantic-ui-pill-textcase: ORIGINAL;
  --og-typography-semantic-ui-pill-textdecoration: NONE;
  --og-typography-semantic-ui-promo-fontfamily: var(--og-typography-primitive-font-family-secondary);
  --og-typography-semantic-ui-promo-fontsize: var(--og-typography-primitive-font-size-16);
  --og-typography-semantic-ui-promo-fontweight: var(--og-typography-primitive-font-weight-600);
  --og-typography-semantic-ui-promo-fontweightnumeric: var(--og-typography-primitive-font-weight-numeric-600);
  --og-typography-semantic-ui-promo-leadingtrim: NONE;
  --og-typography-semantic-ui-promo-letterspacing: 0px;
  --og-typography-semantic-ui-promo-lineheight: var(--og-typography-primitive-line-height-16-head);
  --og-typography-semantic-ui-promo-listspacing: 0px;
  --og-typography-semantic-ui-promo-paragraphindent: 0px;
  --og-typography-semantic-ui-promo-paragraphspacing: 0px;
  --og-typography-semantic-ui-promo-textcase: ORIGINAL;
  --og-typography-semantic-ui-promo-textdecoration: NONE;
  --og-typography-semantic-ui-tab-fontfamily: var(--og-typography-primitive-font-family-secondary);
  --og-typography-semantic-ui-tab-fontsize: var(--og-typography-primitive-font-size-16);
  --og-typography-semantic-ui-tab-fontweight: var(--og-typography-primitive-font-weight-600);
  --og-typography-semantic-ui-tab-fontweightnumeric: var(--og-typography-primitive-font-weight-numeric-600);
  --og-typography-semantic-ui-tab-leadingtrim: NONE;
  --og-typography-semantic-ui-tab-letterspacing: 0px;
  --og-typography-semantic-ui-tab-lineheight: var(--og-typography-primitive-line-height-16-head);
  --og-typography-semantic-ui-tab-listspacing: 0px;
  --og-typography-semantic-ui-tab-paragraphindent: 0px;
  --og-typography-semantic-ui-tab-paragraphspacing: 0px;
  --og-typography-semantic-ui-tab-textcase: ORIGINAL;
  --og-typography-semantic-ui-tab-textdecoration: NONE;
  /* z/semantic */
  --og-z-semantic-dropdown: var(--og-z-primitive-dropdown);
  --og-z-semantic-header: var(--og-z-primitive-sticky);
  --og-z-semantic-modal: var(--og-z-primitive-modal);
  --og-z-semantic-overlay: var(--og-z-primitive-overlay);
  --og-z-semantic-toast: var(--og-z-primitive-toast);
}