/** Shopify CDN: Minification failed

Line 31:0 All "@import" rules must come first

**/
/* ============================================================
   ENVERA FASHION — Shared Theme CSS
   File: assets/envera-theme.css
   Add to layout/theme.liquid:
   {{ 'envera-theme.css' | asset_url | stylesheet_tag }}
   ============================================================ */

/* ── Design Tokens ── */
:root {
  --env-cream:       #FAF8F4;
  --env-white:       #FFFFFF;
  --env-black:       #1A1A1A;
  --env-grey-mid:    #6B6B6B;
  --env-grey-light:  #E8E4DE;
  --env-gold:        #C9A96E;
  --env-gold-dark:   #B8914F;
  --env-green:       #4A7A4A;
  --env-font-serif:  'Cormorant Garamond', Georgia, serif;
  --env-font-sans:   'DM Sans', system-ui, -apple-system, sans-serif;
  --env-transition:  0.3s ease;
  --env-max-width:   1440px;
  --env-radius:      2px;
}

/* ── Google Fonts Import ── */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=DM+Sans:wght@300;400;500;600&display=swap');

/* ── Reset helpers ── */
.env-section *,
.env-section *::before,
.env-section *::after {
  box-sizing: border-box;
}

/* ── Shared Utilities ── */
.env-container {
  max-width: var(--env-max-width);
  margin: 0 auto;
  padding: 0 48px;
}

.env-section-label {
  font-family: var(--env-font-sans);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--env-gold);
  margin-bottom: 12px;
  display: block;
}

.env-section-title {
  font-family: var(--env-font-serif);
  font-size: clamp(26px, 4vw, 48px);
  font-weight: 300;
  line-height: 1.15;
  color: var(--env-black);
}

.env-section-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 36px;
}

/* ── Buttons ── */
.env-btn {
  display: inline-block;
  font-family: var(--env-font-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  padding: 14px 36px;
  transition: var(--env-transition);
  cursor: pointer;
  border: none;
  text-decoration: none;
  line-height: 1;
}

.env-btn--dark {
  background: var(--env-black);
  color: var(--env-white);
}
.env-btn--dark:hover {
  background: #333333;
  color: var(--env-white);
}

.env-btn--gold {
  background: var(--env-gold);
  color: var(--env-black);
}
.env-btn--gold:hover {
  background: var(--env-gold-dark);
  color: var(--env-black);
}

.env-btn--outline {
  border: 1px solid var(--env-black);
  color: var(--env-black);
  background: transparent;
}
.env-btn--outline:hover {
  background: var(--env-black);
  color: var(--env-white);
}

.env-btn--outline-light {
  border: 1px solid rgba(255, 255, 255, 0.35);
  color: rgba(255, 255, 255, 0.82);
  background: transparent;
  padding: 14px 28px;
}
.env-btn--outline-light:hover {
  border-color: var(--env-gold);
  color: var(--env-gold);
}

.env-btn--ghost {
  border-bottom: 1px solid currentColor;
  padding: 0 0 2px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  background: none;
  display: inline-block;
  text-decoration: none;
  transition: color var(--env-transition);
}
.env-btn--ghost:hover {
  color: var(--env-gold);
}

/* ── Responsive container ── */
@media (max-width: 768px) {
  .env-container {
    padding: 0 20px;
  }
}