/* Sprigwell — small custom layer on top of Tailwind.
   Canonical system: warm cream + terracotta + charcoal, Cormorant + Inter. */
:root { color-scheme: light; }

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

::selection { background: #E8D9C8; color: #2A2520; }

/* Cormorant display serif — proper bold weight + tighter, intentional tracking.
   (element+class selectors beat Tailwind's single-class utilities, so these win.) */
.font-display { letter-spacing: -0.011em; }
h1.font-display, h2.font-display, h3.font-display { letter-spacing: -0.018em; }
h1.font-display, h2.font-display { font-weight: 700; }   /* proper bold on headings */
h1.font-display { line-height: 1.04; }
/* Italic display headings: keep them crisp, not spread out */
.font-display.italic { letter-spacing: -0.02em; }

/* Soft, calming warm-cream + terracotta wash */
.bg-wash {
  background:
    radial-gradient(60rem 40rem at 82% -10%, rgba(184,92,56,0.10), transparent 60%),
    radial-gradient(50rem 35rem at -10% 8%, rgba(92,69,56,0.07), transparent 55%),
    #F8F2E8;
}

/* Pill / chip */
.chip {
  display:inline-flex; align-items:center; gap:.4rem;
  font-size:.72rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase;
  padding:.3rem .7rem; border-radius:9999px; font-family:'Inter',sans-serif;
}

/* Gentle link underline */
.link-soft { text-underline-offset: 3px; text-decoration-thickness: 1px; }

/* Card hover lift */
.lift { transition: transform .25s ease, box-shadow .25s ease; }
.lift:hover { transform: translateY(-4px); }

/* Wide-tracked small caps label (Inter) */
.dotrule { letter-spacing:.6em; }

/* Accessible focus ring in brand terracotta */
:focus-visible { outline: 2px solid #B85C38; outline-offset: 2px; border-radius: 4px; }