/* Auto-generated from the Design Brief. Edit the brief in /admin/shopSettings/design-brief */
:root {
  --color-primary: #F05A3A;
  --color-primary-dark: #D34F33;
  --color-primary-light: #F58C75;
  --color-primary-50: #FDE6E1;
  --color-primary-ring: rgba(240, 90, 58, 0.1);
  --color-primary-tint: rgba(240, 90, 58, 0.05);
  --color-on-primary: #000000;
  --color-secondary: #06B6D4;
  --color-secondary-dark: #05A0BB;
  --color-secondary-light: #51CCE1;
  --color-secondary-50: #DAF4F9;
  --color-secondary-ring: rgba(6, 182, 212, 0.1);
  --color-secondary-tint: rgba(6, 182, 212, 0.05);
  --color-on-secondary: #111827;
  --color-accent: #F59E0B;
  --color-accent-dark: #D88B0A;
  --color-accent-light: #F8BB54;
  --color-accent-50: #FEF0DA;
  --color-accent-ring: rgba(245, 158, 11, 0.1);
  --color-accent-tint: rgba(245, 158, 11, 0.05);
  --color-on-accent: #111827;
  --color-primary-text: #CA4C31;
  --color-primary-text-hover: #AC412A;
  --color-on-dark-accent: #06B6D4;
  --font-weight-heading: 700;
  --letter-spacing-heading: -0.02em;
}