:root {
  color-scheme: light;
  --edi-standalone-display: Geist, Aptos, "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --edi-standalone-sans: Geist, Aptos, "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --edi-standalone-ink: oklch(13% 0.02 235);
  --edi-standalone-copy: oklch(34% 0.015 235);
  --edi-standalone-muted: oklch(52% 0.01 235);
  --edi-standalone-rule: oklch(88% 0.006 235);
  --edi-standalone-rule-soft: oklch(93% 0.004 235);
  --edi-standalone-paper: oklch(98.7% 0.004 235);
  --edi-standalone-panel: oklch(99.2% 0.003 235);
  --edi-standalone-control: oklch(96.8% 0.005 235);
  --edi-standalone-radius: 0.75rem;
  --edi-standalone-card-radius: 0.5rem;
  --edi-standalone-inset: clamp(1rem, 4vw, 5rem);
  --edi-standalone-max: 96rem;
  /* Catalog directory rhythm. Rows scale fluidly and settle at the live
     Shopify reference (220px row, 200px figure, 12px gap) from ~1200px up, so
     the desktop directory composes to three rows without a fourth distraction
     while staying responsive below. */
  --edi-standalone-catalog-row: clamp(9.5rem, 5.5rem + 11vw, 13.75rem);
  --edi-standalone-catalog-figure: clamp(5.5rem, 2.5rem + 9vw, 12.5rem);
  --edi-standalone-catalog-gap: 0.75rem;
}
