@font-face {
  font-family: "DM Sans";
  src: url("../fonts/dm-sans/DM-Sans.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
}

:root {
  --soleil-container-width: 1280px;
  --soleil-padding-desktop: 32px;
  --soleil-padding-tablet: 24px;
  --soleil-padding-mobile: 16px;
  --soleil-section-spacing: 72px;
  --soleil-font-family: "DM Sans", Arial, sans-serif;
  --soleil-font-size-base: 16px;
  --soleil-line-height-base: 1.55;
  --soleil-font-weight-body: 400;
  --soleil-heading-line-height: 1.2;
  --soleil-h1-size: 48px;
  --soleil-h2-size: 40px;
  --soleil-h3-size: 32px;
  --soleil-h4-size: 26px;
  --soleil-h5-size: 22px;
  --soleil-h6-size: 18px;
  --soleil-h1-weight: 600;
  --soleil-h2-weight: 600;
  --soleil-h3-weight: 600;
  --soleil-h4-weight: 600;
  --soleil-h5-weight: 600;
  --soleil-h6-weight: 600;
  --soleil-color-text: #111111;
  --soleil-color-muted: #626262;
  --soleil-color-accent: #722f37;
  --soleil-color-background: #ffffff;
  --soleil-color-surface: #ffffff;
  --soleil-color-border: #e8e8e8;
  --soleil-cart-badge-size: 20px;
  --soleil-cart-badge-top: 3px;
  --soleil-cart-badge-right: 8px;
  --soleil-cart-badge-bg: #722f37;
  --soleil-button-height: 44px;
  --soleil-button-radius: 8px;
  --soleil-button-bg: #722f37;
  --soleil-button-text: #ffffff;
  --soleil-button-hover: #57242b;
  --soleil-input-height: 44px;
  --soleil-input-radius: 8px;
  --soleil-input-bg: #ffffff;
  --soleil-input-border: #d5d5d5;
  --soleil-input-focus: #722f37;
  --soleil-radius-sm: 4px;
  --soleil-radius-md: 8px;
  --soleil-radius-lg: 12px;
  --soleil-border-width: 1px;
  --soleil-topbar-height: 36px;
  --soleil-topbar-bg: #111111;
  --soleil-topbar-color: #ffffff;
  --soleil-topbar-font-size: 12px;
  --soleil-logo-width-desktop: 152px;
  --soleil-logo-width-mobile: 112px;
  --soleil-search-max-width: 500px;
  --soleil-search-height: 45px;
  --soleil-search-radius: 999px;
  --soleil-search-font-size: 14px;
  --soleil-search-bg: #ffffff;
  --soleil-search-text: #333333;
  --soleil-search-placeholder: #818181;
  --soleil-search-border: #d9d9d9;
  --soleil-search-focus-border: #bfbfbf;
  --soleil-search-icon: #818181;
  --soleil-search-focus-icon: #666666;
  --soleil-search-icon-hover: #555555;
  --soleil-icon-size: 28px;
  --soleil-icon-color: #111111;
  --soleil-icon-hover: #722f37;
  --soleil-icon-gap: 4px;
  --soleil-nav-bg: #ffffff;
  --soleil-nav-color: #111111;
  --soleil-nav-hover: #722f37;
  --soleil-nav-active: #722f37;
  --soleil-nav-align: flex-start;
  --soleil-nav-height: 52px;
  --soleil-nav-font-size: 14px;
  --soleil-nav-weight: 500;
  --soleil-nav-text-transform: none;
  --soleil-nav-letter-spacing: 0px;
  --soleil-nav-gap: 32px;
}