/** Shopify CDN: Minification failed

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

**/
/* ============================================================
   SKKIN VALUE — Dawn Theme Brand Styles
   
   ============================================================ */

/* ── Brand Tokens ─────────────────────────────────────────── */
:root {
  --skv-wine:        #882349;   /* Crimson Rose */
  --skv-wine-deep:   #3D1E37;   /* Deep Plum */
  --skv-wine-mid:    #6B2820;   /* Dried Bordeaux */
  --skv-blush:       #DFB681;   /* Warm Sand */
  --skv-blush-light: #EBC0C4;   /* Powder Blush */
  --skv-blush-pale:  #F5E6E3;   /* Soft surfaces */
  --skv-cream:       #FAF5EF;   /* Ivory Cream */
  --skv-text-dark:   #2A1421;
  --skv-text-mid:    #5A2D38;

  --skv-font-heading: 'Cormorant Garamond', Georgia, serif;
  --skv-font-body:    'Poppins', Arial, sans-serif;
}

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

/* ── Global Overrides ─────────────────────────────────────── */
body {
  font-family: var(--skv-font-body);
  font-weight: 300;
  color: var(--skv-text-dark);
  background: var(--skv-cream);
}

/* ── Section Utility ──────────────────────────────────────── */
/* .skv-section padding intentionally removed —
   each section manages its own internal padding.
   This class is applied to the outer .shopify-section wrapper. */
.skv-section {
  padding: 0;
}

.skv-section-title {
  font-family: var(--skv-font-heading);
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 400;
  text-align: center;
  color: var(--skv-wine-deep);
  margin-bottom: 8px;
  letter-spacing: 1px;
}

.skv-section-sub {
  text-align: center;
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--skv-blush);
  margin-bottom: 40px;
  font-weight: 400;
}

/* ── Buttons ──────────────────────────────────────────────── */
.skv-btn {
  display: inline-block;
  border: 1px solid var(--skv-blush);
  background: transparent;
  color: var(--skv-blush);
  font-family: var(--skv-font-body);
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding: 14px 36px;
  text-decoration: none;
  transition: background 0.25s, color 0.25s;
  font-weight: 500;
  cursor: pointer;
}

.skv-btn:hover {
  background: var(--skv-blush);
  color: var(--skv-wine-deep);
}

.skv-btn--dark {
  border-color: var(--skv-wine-deep);
  color: var(--skv-wine-deep);
}

.skv-btn--dark:hover {
  background: var(--skv-wine-deep);
  color: var(--skv-blush-light);
}

.skv-btn--filled {
  background: var(--skv-wine);
  border-color: var(--skv-wine);
  color: var(--skv-blush-light);
}

.skv-btn--filled:hover {
  background: var(--skv-wine-deep);
  border-color: var(--skv-wine-deep);
}

/* ── Marquee ──────────────────────────────────────────────── */
@keyframes skv-marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 768px) {
  /* no outer wrapper padding on mobile either */
}