/* Vega Nail Spa — its own fall look, served at /_season.css instead of the library fall
   CSS while config/seasons.json says fall is on (apps/router/season.js). */

@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;1,9..144,500&display=swap");

.theme-luxury-editorial {
  --bg: #f6ecdf;
  --bg-soft: #fbf4ea;
  --surface: rgba(255, 250, 243, 0.95);
  --surface-strong: #fffaf3;
  --text: #2b1a12;
  --muted: #745d4b;
  --line: rgba(156, 74, 28, 0.14);
  --line-strong: rgba(156, 74, 28, 0.26);
  --accent: #c0612a;
  --accent-deep: #8a3a18;
  --accent-soft: #f3dcc0;
  --shadow: 0 26px 64px rgba(92, 44, 18, 0.12);
  --shadow-soft: 0 18px 34px rgba(92, 44, 18, 0.09);
  --cta-start: #d9772f;
  --cta-end: #8a3a18;
  --cta-start-hover: #e58b45;
  --cta-end-hover: #9e4720;
  --cta-shadow: rgba(160, 70, 24, 0.3);
  --footer-bg: linear-gradient(180deg, #3a2014, #24130c);
  --footer-surface: rgba(240, 180, 103, 0.06);
  --footer-line: rgba(240, 180, 103, 0.16);
  --footer-text: #f8ecdc;
  --footer-muted: #dcc3a6;
  --fall-leaf: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23c0612a' d='M32 2l5 12 9-6-2 12 12-2-7 10 11 6-13 4 5 10-12-3-1 13h-2l-1-13-12 3 5-10-13-4 11-6-7-10 12 2-2-12 9 6z'/%3E%3Cpath stroke='%236e2a1a' stroke-width='1.6' d='M32 58V22'/%3E%3C/svg%3E");
  --fall-leaf-amber: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23e6a24f' d='M32 2l5 12 9-6-2 12 12-2-7 10 11 6-13 4 5 10-12-3-1 13h-2l-1-13-12 3 5-10-13-4 11-6-7-10 12 2-2-12 9 6z'/%3E%3C/svg%3E");
  background:
    radial-gradient(circle at 100% 0%, rgba(217, 119, 47, 0.1), transparent 38%),
    radial-gradient(circle at 0% 60%, rgba(138, 58, 24, 0.06), transparent 40%),
    var(--bg);
}

.theme-luxury-editorial h1,
.theme-luxury-editorial h2,
.theme-luxury-editorial h3,
.theme-luxury-editorial .brand-copy strong {
  font-family: "Fraunces", "Cormorant Garamond", Georgia, serif;
  letter-spacing: -0.02em;
  font-variation-settings: "SOFT" 60;
}

.theme-luxury-editorial .eyebrow { color: var(--accent-deep); }

/* Header */
.theme-luxury-editorial .site-header {
  background: rgba(251, 244, 234, 0.92);
  border-color: rgba(156, 74, 28, 0.16);
}

/* Hero: warm parchment wash with falling leaves */
.theme-luxury-editorial .hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at top left, rgba(255, 246, 230, 0.9), transparent 36%),
    linear-gradient(145deg, #fbf1e3, #f1d9bd);
}
.theme-luxury-editorial .hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: var(--fall-leaf), var(--fall-leaf-amber), var(--fall-leaf), var(--fall-leaf-amber);
  background-repeat: no-repeat;
  background-size: 44px, 30px, 22px, 36px;
  background-position: 3% 8%, 46% 4%, 40% 88%, 2% 70%;
  opacity: 0.7;
  animation: vega-drift 16s ease-in-out infinite alternate;
}
.theme-luxury-editorial .hero > * { position: relative; }
.theme-luxury-editorial .hero-image-card img { filter: sepia(0.12) saturate(1.08); }

@keyframes vega-drift {
  from { background-position: 3% 8%, 46% 4%, 40% 88%, 2% 70%; }
  to   { background-position: 5% 16%, 44% 12%, 42% 96%, 4% 78%; }
}
@media (prefers-reduced-motion: reduce) {
  .theme-luxury-editorial .hero::before { animation: none; }
}
@media (max-width: 720px) {
  .theme-luxury-editorial .hero::before {
    opacity: 0.5;
    background-size: 26px, 18px, 14px, 22px;
    background-position: 94% 2%, 80% 1%, 97% 30%, 88% 4%;
    animation: none;
  }
}

.theme-luxury-editorial .editorial-aside {
  background: linear-gradient(180deg, #fffaf3, #f7e6d0);
}

/* Cards */
.theme-luxury-editorial .trust-strip-item,
.theme-luxury-editorial .service-card,
.theme-luxury-editorial .service-list,
.theme-luxury-editorial .trust-card {
  border-color: rgba(156, 74, 28, 0.16);
}
.theme-luxury-editorial .service-card { position: relative; overflow: hidden; }
.theme-luxury-editorial .service-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, #e6a24f, #c0612a 50%, #6e2a1a);
}

/* Section headings carry a small leaf */
.theme-luxury-editorial .section-heading .eyebrow::before {
  content: "";
  display: inline-block;
  width: 0.95em;
  height: 0.95em;
  margin-right: 0.5em;
  vertical-align: -0.12em;
  background: var(--fall-leaf) center / contain no-repeat;
}

/* CTA banner: harvest gradient */
.theme-luxury-editorial .cta-banner {
  background:
    radial-gradient(circle at 90% 10%, rgba(230, 162, 79, 0.35), transparent 40%),
    linear-gradient(135deg, #5a2614, #8a3a18 55%, #b8592a);
  color: #fff4e6;
}
.theme-luxury-editorial .cta-banner h2,
.theme-luxury-editorial .cta-banner p,
.theme-luxury-editorial .cta-banner .eyebrow { color: #fff4e6; }

/* Footer stripe */
.theme-luxury-editorial .site-footer {
  border-top: 3px solid transparent;
  border-image: linear-gradient(90deg, #6e2a1a, #c0612a, #e6a24f, #c0612a, #6e2a1a) 1;
}