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

:root {
  --brand-background: #030d1a;
  --brand-surface: #07192c;
  --brand-panel: #0b2440;
  --brand-white: #f3f7fc;
  --brand-muted: #8ea7be;
  --brand-blue: #0b7cff;
  --brand-cyan: #21d4fd;
  --brand-violet: #6f5bff;
  --brand-success: #39d98a;

  --lsg-color-primary: var(--brand-blue);
  --lsg-color-primary-strong: var(--brand-violet);
  --lsg-color-background: var(--brand-background);
  --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: "Rajdhani", "Segoe UI", Arial, sans-serif;
  --lsg-font-body: Inter, "Segoe UI", Arial, sans-serif;
  --lsg-font-display: var(--lsg-font-heading);
  --lsg-font-code: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
}

: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-surface);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.lsg-main-nav__item-link,
.lsg-main-nav__item > a {
  letter-spacing: .06em;
}