/* === Boutique Fonts === */
@font-face {
  font-family: 'PepperHands';
  src: url('/styles/fonts/pepperhands-regular.otf') format('opentype');
}

@font-face {
  font-family: 'SomebodyElse';
  src: url('/styles/fonts/somebodyelse.otf') format('opentype');
}

/* === Base Typography === */
body {
  font-family: 'SomebodyElse', serif;
  color: #e8dcff;
}

/* === Titles === */
h1, h2, .boutique-title {
  font-family: 'PepperHands', cursive;
  letter-spacing: 0.08em;
  color: #f3d38a;
  text-shadow:
    0 0 6px rgba(243,211,138,0.5),
    0 0 18px rgba(243,211,138,0.35),
    0 0 36px rgba(186,140,255,0.25);
}

/* === Cards === */
.boutique-card {
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.06),
    rgba(255,255,255,0.02)
  );
  border-radius: 18px;
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 12px 40px rgba(120,80,255,0.15);
  backdrop-filter: blur(6px);
}

/* === Descriptions === */
.description {
  line-height: 1.6;
  text-shadow: 0 0 6px rgba(200,170,255,0.15);
}

/* === CTA Buttons === */
.button, .cta {
  font-family: 'PepperHands', cursive;
  letter-spacing: 0.06em;
  color: #fff;
  background: radial-gradient(
    circle at top,
    rgba(186,140,255,0.9),
    rgba(120,80,255,0.9)
  );
  box-shadow:
    0 0 12px rgba(186,140,255,0.6),
    0 0 28px rgba(120,80,255,0.4);
}

/* === FORCE GLOBAL BOUTIQUE TYPOGRAPHY (DEBUG) === */
body {
  font-family: 'SomebodyElse', serif;
}

h1, h2, h3, .title, .heading {
  font-family: 'PepperHands', cursive;
  color: #e8c77a;
  text-shadow:
    0 0 12px rgba(232,199,122,0.35),
    0 0 36px rgba(186,140,255,0.25);
}

p {
  text-shadow: 0 0 6px rgba(200,170,255,0.15);
}

/* === REAL CLASS TARGETS (FIX) === */

/* Cards */
.card {
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.06),
    rgba(255,255,255,0.02)
  );
  border-radius: 18px;
  box-shadow:
    0 0 1px rgba(255,255,255,0.08),
    0 12px 40px rgba(120,80,255,0.15);
  backdrop-filter: blur(6px);
}

/* Card text */
.card-content p {
  line-height: 1.65;
  text-shadow: 0 0 6px rgba(200,170,255,0.15);
}

/* Headings inside cards */
.card-content h2,
.card-content h3 {
  font-family: 'PepperHands', cursive;
  letter-spacing: 0.04em;
  color: #e8c77a;
  text-shadow:
    0 0 12px rgba(232,199,122,0.35),
    0 0 28px rgba(186,140,255,0.25);
}

/* Ritual band divider */
.ritual-band,
.sigil-divider {
  box-shadow:
    0 0 18px rgba(186,140,255,0.35);
}