@import url('/themes/lsg-life-style/assets/css/theme.css');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=DM+Sans:wght@400;500;600;700&display=swap');

:root {
  --brand-background: #fff9f8;
  --brand-white: #ffffff;
  --brand-blush: #f8e2e3;
  --brand-coral: #e46673;
  --brand-rose: #c94f62;
  --brand-mauve: #9b6a73;
  --brand-text: #3c2a2d;
  --brand-gold-soft: #c7a16b;

  --lsg-color-primary: var(--brand-coral);
  --lsg-color-primary-strong: var(--brand-rose);
  --lsg-color-background: var(--brand-background);
  --lsg-color-surface: var(--brand-blush);
  --lsg-color-text: var(--brand-text);
  --lsg-color-muted: var(--brand-mauve);
  --lsg-color-highlight: var(--brand-gold-soft);
  --lsg-font-heading: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --lsg-font-body: "DM Sans", "Segoe UI", Arial, sans-serif;
  --lsg-font-display: var(--lsg-font-heading);
}

:root.is-mobile :is(.lsg-home,.lsg-footer),
.page-index #wrapper,
.page-category #wrapper,
.page-product #content-wrapper,
.page-cart .page-content,
.page-order-confirmation #wrapper,
.page-customer #wrapper,
.page-cms #wrapper {
  font-family: var(--lsg-font-body);
}

.lsg-home :is(h1,h2,.lsg-section-title,.lsg-editorial h2,.lsg-newsletter h2),
.lsg-collection-card > span {
  font-family: var(--lsg-font-display);
}

.page-index .lsg-home,
.page-category .lsg-category-listing,
.page-product #content-wrapper,
.page-cart .page-content,
.page-order .page-content,
.page-order-confirmation #wrapper {
  background: linear-gradient(180deg, var(--lsg-color-background) 0 72%, var(--lsg-color-surface) 72% 100%);
}

.lsg-main-nav {
  background: var(--lsg-color-background);
  box-shadow: 0 .8rem 1.8rem rgb(60 42 45 / 12%);
}