/* Auto-generated from the Design Brief. Edit the brief in /admin/shopSettings/design-brief */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');
:root {
  --color-primary: #C2410C;
  --color-primary-dark: #AB390B;
  --color-primary-light: #D47A55;
  --color-primary-50: #F6E3DB;
  --color-primary-ring: rgba(194, 65, 12, 0.1);
  --color-primary-tint: rgba(194, 65, 12, 0.05);
  --color-secondary: #1C1917;
  --color-secondary-dark: #191614;
  --color-secondary-light: #605E5D;
  --color-secondary-50: #DDDDDC;
  --color-secondary-ring: rgba(28, 25, 23, 0.1);
  --color-secondary-tint: rgba(28, 25, 23, 0.05);
  --color-accent: #EA580C;
  --color-accent-dark: #CE4D0B;
  --color-accent-light: #F08A55;
  --color-accent-50: #FCE6DB;
  --color-accent-ring: rgba(234, 88, 12, 0.1);
  --color-accent-tint: rgba(234, 88, 12, 0.05);
  --color-surface: #FAF7F2;
  --color-text-strong: #1C1917;
  --gradient-brand: linear-gradient(135deg, #1C1917, #44403C);
  --gradient-brand-dark: linear-gradient(135deg, #1C1917, #44403C);
  --color-on-dark-accent: #D3764F;
  --font-family-base: Outfit, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-display: Outfit, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-weight-heading: 600;
  --letter-spacing-heading: -0.02em;
  --product-image-ratio: 4 / 3;
}