:root {
  --sf-color-primary: #c1001c;
  --sf-color-background: #ffffff;
  --sf-color-text: #000000;
  --sf-color-muted: color-mix(in srgb, #000000 68%, #ffffff);
  --sf-color-line: color-mix(in srgb, #000000 16%, #ffffff);
  --sf-color-surface: color-mix(in srgb, #c1001c 6%, #ffffff);
  --sf-font-heading: american_captainregular;
  --sf-font-body: 'Nunito Sans';
  --sf-container-width: 960px;
  --sf-radius-card: 15px;
  --sf-spacing-md: 10px;
  --sf-spacing-lg: 24px;
  --sf-style-family: 'editorial';
  --sf-seed-palette: #ffffff, #000000, #c1001c, #206469, #d2aa5c, #e8e9eb, #3d4246, #eeeeee;
}

:root {
  --sf-density-section-gap: 88px;
  --sf-density-section-padding: 88px;
  --sf-media-hero-ratio: 3/2;
  --sf-media-product-ratio: 3/4;
  --sf-media-mobile-hero-ratio: 16/9;
  --sf-mobile-product-columns: 1;
}