/* ===================================================================
   Aurora — warm, human, inviting. A dusk palette of plum, rose and
   apricot on a soft blush canvas with a serif display. Sector-neutral.
   =================================================================== */

:root {
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --color-bg:      #fbf4f1;
  --color-surface: #ffffff;
  --color-text:    #3a2233;
  --color-text-2:  #6d5563;
  --color-text-3:  #82677a; /* >=4.5:1 on --color-bg (WCAG AA) */
  --color-border:  #efe0da;
  --color-primary:   #c14c66;
  --color-primary-h: #a53b53;
  --color-primary-l: #fbe7ec;
  --color-muted-bg:  #fbe7ec;
}

body {
  font-family: 'Source Sans 3', 'Inter', sans-serif;
  background:
    radial-gradient(90% 55% at 100% 0%, rgba(242, 162, 92, 0.18), transparent 55%),
    radial-gradient(80% 50% at 0% 5%, rgba(216, 96, 122, 0.12), transparent 50%),
    var(--color-bg);
}

h1, h2, h3,
.sf-hero__title,
.sf-detail__title,
.sf-group__title,
.sf-product__title { color: #7a3b5d; }

/* Warm gradient CTAs + hero, soft group markers */
.sf-hero--banner-empty,
.sf-about-hero {
  background: linear-gradient(135deg, rgba(216, 96, 122, 0.12), rgba(242, 162, 92, 0.14));
  border-radius: var(--radius-xl);
}
/* Warm scrim so the banner keeps aurora's dusk mood over any photo */
.sf-hero--banner .sf-hero__scrim {
  background: linear-gradient(180deg, rgba(58, 34, 51, 0) 15%, rgba(122, 59, 93, .78) 100%);
}
.btn--primary {
  background: linear-gradient(135deg, #d8607a, #f2a25c);
  box-shadow: 0 12px 26px -8px rgba(216, 96, 122, 0.5);
}
.sf-group__title::after { background: linear-gradient(90deg, #d8607a, #f2a25c); }