:root {
  /* Shared platform defaults.
     App globals may override these with the brand layer, but the public contract stays stable. */
  --ds-color-bg-canvas: #fffdf7;
  --ds-color-bg-soft: #f6f8fb;
  --ds-color-surface: #ffffff;
  --ds-color-text: #111111;
  --ds-color-text-muted: #333333;
  --ds-color-primary: #c90008;
  --ds-color-primary-strong: #530d10;
  --ds-color-accent: #747ab1;
  --ds-color-accent-strong: #dd6d0c;
  --ds-color-border-soft: #e7eaf0;
  --ds-color-product-bg-warm: #eaf4ff;
  --ds-color-product-bg-surface-subtle: #fafafa;
  --ds-color-product-bg-surface-warm: #f4f4ff;
  --ds-color-product-text-strong: #111827;
  --ds-color-product-bg-soft-peach: #ffdfdc;
  --ds-color-product-bg-card: #fff8f5;
  --ds-color-product-bg-badge: #fef3c7;
  --ds-color-product-text-badge: #d97706;
  --ds-color-product-accent-soft: #ffabab;
  --ds-color-product-success-bg: #c6edd7;
  --ds-color-product-success-text: #41b310ed;
  --ds-color-product-price-accent: #ee877c;

  --ds-font-family-base: "Open Sans", sans-serif;
  --ds-font-size-100: 0.875rem;
  --ds-font-size-200: 1rem;
  --ds-font-size-300: 1.125rem;
  --ds-font-size-400: 1.5rem;
  --ds-font-size-500: 2rem;
  --ds-font-size-600: 3rem;

  --ds-line-height-tight: 1.15;
  --ds-line-height-body: 1.5;

  --ds-space-1: 0.25rem;
  --ds-space-2: 0.5rem;
  --ds-space-3: 0.75rem;
  --ds-space-4: 1rem;
  --ds-space-5: 1.5rem;
  --ds-space-6: 2rem;
  --ds-space-7: 3rem;

  --ds-radius-sm: 0.75rem;
  --ds-radius-md: 1rem;
  --ds-radius-lg: 1.25rem;
  --ds-radius-pill: 62.4375rem;

  --ds-shadow-sm: 0 0.125rem 0.25rem rgb(17 17 17 / 0.08);
  --ds-shadow-md: 0 0.375rem 1rem rgb(17 17 17 / 0.12);

  --ds-z-base: 1;
  --ds-z-sticky: 999;

  --ds-breakpoint-mobile-max: 37.5rem;
  --ds-breakpoint-tablet-min: 37.5625rem;
  --ds-breakpoint-tablet-max: 63.9375rem;
  --ds-breakpoint-desktop-min: 64rem;

  --ds-container-max: 75rem;
  --ds-touch-target-min: 2.75rem;
}