/* Auto-generated from the Design Brief. Edit the brief in /admin/shopSettings/design-brief */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root {
  --color-primary: #FF6600;
  --color-primary-dark: #E05A00;
  --color-primary-light: #FF944D;
  --color-primary-50: #FFE8D9;
  --color-primary-ring: rgba(255, 102, 0, 0.1);
  --color-primary-tint: rgba(255, 102, 0, 0.05);
  --color-secondary: #1F2937;
  --color-secondary-dark: #1B2430;
  --color-secondary-light: #626973;
  --color-secondary-50: #DDDFE1;
  --color-secondary-ring: rgba(31, 41, 55, 0.1);
  --color-secondary-tint: rgba(31, 41, 55, 0.05);
  --color-accent: #FF6600;
  --color-accent-dark: #E05A00;
  --color-accent-light: #FF944D;
  --color-accent-50: #FFE8D9;
  --color-accent-ring: rgba(255, 102, 0, 0.1);
  --color-accent-tint: rgba(255, 102, 0, 0.05);
  --color-text-strong: #1F2937;
  --gradient-brand: linear-gradient(135deg, #FF6600, #FF8C42);
  --font-family-base: 'Inter', sans-serif;
  --font-family-display: 'Inter', sans-serif;
  --font-weight-heading: 600;
  --letter-spacing-heading: 0;
}