/* Aurora ice — cool practical */
:root {
  /* ── Palette · 3-tone ── */
  --color-accent:       oklch(55% 0.09 250);
  --color-accent-glow:  oklch(60% 0.05 250 / 0.12);
  --color-accent-ink:   oklch(95% 0.01 250);
  --color-paper:        oklch(97% 0.01 255);
  --color-paper-dim:    oklch(94% 0.01 255);
  --color-ink:          oklch(16% 0.01 260);
  --color-ink-soft:     oklch(38% 0.01 260);
  --color-ink-muted:    oklch(55% 0.01 260);
  --color-rule:         oklch(88% 0.01 255);
  --color-shadow:       oklch(16% 0.01 250 / 0.06);

  /* ── Typography · Fraunces ── */
  --font-display:       'Fraunces', serif;
  --font-body:          'Switzer', sans-serif;
}

/* Image density: rich — aim for 6+ images per page */



/* ── Hero: full-bleed ── */
.hero--full-bleed {
  position: relative; overflow: hidden;
  min-height: clamp(360px, 60vh, 640px);
  display: flex; align-items: center; justify-content: center;
  text-align: center;
  padding: var(--space-3xl) var(--space-xl) var(--space-2xl);
}
.hero--full-bleed .hero-img {
  position: absolute; inset: 0; z-index: 0;
  width: 100%; height: 100%; object-fit: cover;
}
.hero--full-bleed .hero-overlay {
  position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.50) 100%);
}
.hero--full-bleed .hero-inner {
  position: relative; z-index: 2;
  max-width: var(--content-wide); width: 100%;
}



/* ── Cards: sharp ── */
.card-sharp { border-radius: 0; }
.card-sharp img { border-radius: 0; }
.card-sharp .cta { border-radius: var(--radius-sm); }



/* ── Grid: browse (2-col) ── */
.grid-browse { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-xl); }
@media (max-width: 768px) {
  .grid-browse { grid-template-columns: minmax(0, 1fr); }
}



/* ── Saturation: muted ── */
.cta { font-weight: 500; letter-spacing: 0.01em; opacity: 0.95; }