@import url('/themes/lsg-life-style/assets/css/theme.css');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');

:root {
  --brand-black: #070a0c;
  --brand-charcoal: #11161a;
  --brand-surface: #171d22;
  --brand-white: #f6f6f4;
  --brand-muted: #9ca3aa;
  --brand-orange: #ff6700;
  --brand-orange-dark: #c94d00;
  --brand-cyan: #20c7d9;

  --lsg-color-primary: var(--brand-orange);
  --lsg-color-primary-strong: var(--brand-orange-dark);
  --lsg-color-background: var(--brand-black);
  --lsg-color-surface: var(--brand-surface);
  --lsg-color-text: var(--brand-white);
  --lsg-color-muted: var(--brand-muted);
  --lsg-color-highlight: var(--brand-cyan);
  --lsg-font-heading: "Barlow Condensed", "Arial Narrow", sans-serif;
  --lsg-font-body: Inter, "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__item-link,
.lsg-main-nav__item > a {
  text-transform: uppercase;
  letter-spacing: .12em;
}

.lsg-main-nav {
  background: var(--lsg-color-background);
}