/* DuoCart design system v2 "Fitting Room" (2026-10-20). Same --dc-* names as v1 (archive/v1/tokens.css), so it drops in. NEW in v2: tokens after the NEW comment. */
:root{
  --dc-color-accent-700: #1F2FB0;
  --dc-color-accent-600: #2B3FE0;
  --dc-color-accent-500: #4F62F0;
  --dc-color-accent-100: #E5E8FD;
  --dc-color-accent-50: #F5F6FF;
  --dc-color-accent-border: #A3ADF7;
  --dc-color-neutral-900: #0E1116;
  --dc-color-neutral-700: #2E3440;
  --dc-color-neutral-600: #4A5261;
  --dc-color-neutral-500: #5F6776;
  --dc-color-neutral-300: #C9CED6;
  --dc-color-neutral-200: #E4E7EC;
  --dc-color-neutral-100: #F4F6F8;
  --dc-color-neutral-0: #FFFFFF;
  --dc-color-success-fg: #1F5B2A;
  --dc-color-success-bg: #EEF5EE;
  --dc-color-success-border: #CFE3CF;
  --dc-color-warning-fg: #7A4B00;
  --dc-color-warning-bg: #FFF4E5;
  --dc-color-warning-border: #F2C27A;
  --dc-color-critical-fg: #A12622;
  --dc-color-critical-bg: #FDECEA;
  --dc-color-critical-border: #F1B4AF;
  --dc-color-info-fg: #1F4E79;
  --dc-color-info-bg: #EAF2FA;
  --dc-color-info-border: #B9D3EC;
  --dc-color-focus: #2B3FE0;
  --dc-font-latin: Geist, system-ui, sans-serif;
  --dc-font-hebrew: Heebo, Arial, sans-serif;
  --dc-font-stack: Geist, Heebo, system-ui, sans-serif;
  --dc-font-size-xs: 12px;
  --dc-font-size-sm: 13px;
  --dc-font-size-md: 14px;
  --dc-font-size-lg: 17px;
  --dc-font-size-xl: 20px;
  --dc-font-size-2xl: 28px;
  --dc-font-size-display: 48px;
  --dc-font-weight-regular: 400;
  --dc-font-weight-medium: 500;
  --dc-font-weight-semibold: 600;
  --dc-font-weight-bold: 700;
  --dc-font-lineHeight-latin: 1.4;
  --dc-font-lineHeight-hebrew: 1.55;
  --dc-font-lineHeight-tight: 1.2;
  --dc-space-0: 0px;
  --dc-space-1: 4px;
  --dc-space-2: 8px;
  --dc-space-3: 12px;
  --dc-space-4: 16px;
  --dc-space-5: 20px;
  --dc-space-6: 24px;
  --dc-space-8: 32px;
  --dc-space-10: 40px;
  --dc-space-12: 48px;
  --dc-radius-sm: 4px;
  --dc-radius-md: 6px;
  --dc-radius-lg: 8px;
  --dc-radius-pill: 999px;
  --dc-shadow-sm: 0 1px 2px rgba(14,17,22,.06);
  --dc-shadow-md: 0 4px 12px rgba(14,17,22,.08);
  --dc-shadow-lg: 0 12px 32px rgba(14,17,22,.12);
  --dc-size-touch: 44px;
  --dc-size-pill: 44px;  /* v2: was 40px in v1; every control is now 44px */
  /* NEW */
  --dc-font-display-latin: Geist, Heebo, system-ui, sans-serif;
  --dc-font-display-hebrew: Heebo, Geist, Arial, sans-serif;
  --dc-color-accent-on-dark: #9DB0FF;  /* same hue, for eyebrow/selected state when the widget sits on a dark store theme */
  --dc-rule: 1px;
  --dc-numeric: tabular-nums lining-nums;
}
:root:lang(he),[dir=rtl]{ --dc-font-stack: Geist, Heebo, Arial, sans-serif; --dc-line: 1.55; }
:root{ --dc-line: 1.4; }