/* Keenesburg-only theme: warm clay + cream, Lora/Source Sans.
   Loaded after tailwind.css and custom.css on the Keenesburg domains only, so
   the Wiggins and yhseniorliving.com sites keep the emerald/Playfair look.
   Tailwind v4 utilities resolve their colors through these custom properties,
   so redefining the ramp repaints every existing emerald-* class. */

:root {
  /* Clay ramp, in place of emerald. */
  --color-emerald-50: #fbf6f1;
  --color-emerald-100: #f6efe7;
  --color-emerald-200: #ebdacb;
  --color-emerald-300: #dbbba3;
  --color-emerald-400: #c9834f;
  --color-emerald-500: #b3663b;
  --color-emerald-600: #9c4a2f;
  --color-emerald-700: #853c26;
  --color-emerald-800: #6b3220;
  --color-emerald-900: #55281b;
  --color-emerald-950: #2f1710;

  /* Named theme colors used by the newer sections. */
  --color-sage: #9c4a2f;
  --color-sage-muted: #c2a48f;
  --color-bone: #f6efe7;
  --color-bone-tint: #eaded0;
  --color-ink: #2b211c;
  --color-ink-muted: #4a3b33;
  --color-muted-text: #6b5a50;
  --color-divider: #e8ddcf;
  --color-divider-strong: #d8c8b6;

  /* Warm the neutral text/border grays: same lightness as Tailwind's slate,
     warm hue instead of blue, so body copy reads warm against the cream. */
  --color-slate-50: oklch(98.4% .003 80);
  --color-slate-100: oklch(96.8% .004 80);
  --color-slate-200: oklch(92.9% .006 75);
  --color-slate-300: oklch(86.9% .009 70);
  --color-slate-400: oklch(70.4% .012 65);
  --color-slate-500: oklch(55.4% .014 60);
  --color-slate-600: oklch(44.6% .014 55);
  --color-slate-700: oklch(37.2% .014 55);
  --color-slate-800: oklch(27.9% .013 50);
  --color-slate-900: oklch(20.8% .012 50);

  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Nunito Sans', system-ui, -apple-system, sans-serif;
}

/* No ghost-word marquee on this site: it runs behind the Wiggins and careers
   heroes, and the motif is a giveaway that the two sites are one build. */
.marquee-bg {
  display: none;
}

/* custom.css hardcodes the emerald hexes in these rules, so they are restated
   here in clay. Keep in sync with custom.css if those rules change. */
.skip-link:focus {
  background-color: #6b3220;
}

.prose a {
  color: #853c26;
}

.prose a:hover {
  color: #6b3220;
}

.prose blockquote {
  border-left-color: #9c4a2f;
}

.text-gradient {
  background: linear-gradient(135deg, #9c4a2f, #853c26);
  -webkit-background-clip: text;
  background-clip: text;
}

.form-input-elevated:focus {
  border-color: #9c4a2f;
}

.sticky-cta-bar {
  border-top-color: rgba(156, 74, 47, 0.22);
}

.sticky-cta-btn:focus-visible {
  outline-color: #9c4a2f;
}

.sticky-cta-call {
  background: linear-gradient(135deg, #6b3220, #853c26);
}

@media (hover: hover) {
  .sticky-cta-call:hover {
    background: linear-gradient(135deg, #853c26, #9c4a2f);
  }
}

.sticky-cta-form {
  color: #6b3220;
  border-color: rgba(156, 74, 47, 0.45);
}

@media (hover: hover) {
  .sticky-cta-form:hover {
    background: #fbf6f1;
  }
}

.stat-value {
  color: #2b211c;
}

/* Blobs 2 and 3 are already warm gold/tan; only the sage one needs to go. */
.aurora-blob--1 {
  background: #9c4a2f;
}

/* The community pages carry .palette-bone, which hardcodes the bone palette and
   forces Inter-only headings. Restated here in clay, with the serif headings on:
   Lora vs Wiggins's Inter is the clearest typographic tell between the two sites. */
.palette-bone {
  background: #f6efe7;
}

.palette-bone .font-display {
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: -0.005em;
}

.palette-bone .bg-stone-50,
.palette-bone .bg-emerald-50\/30 {
  background-color: #f6efe7 !important;
}

.palette-bone .bg-emerald-50,
.palette-bone .bg-emerald-50\/50,
.palette-bone .bg-emerald-50\/60 {
  background-color: #efe4d8 !important;
}

/* custom.css sets the hero headline in the body font, so it would stay sans while
   the section headings turned serif. Serif hero is the loudest difference from
   Wiggins; a serif needs looser tracking than the sans original at that size. */
.hero-display {
  font-family: var(--font-display);
  letter-spacing: -0.015em;
}

.palette-bone .text-slate-900 { color: #2b211c; }
.palette-bone .text-slate-700 { color: #4a3b33; }
.palette-bone .text-slate-600 { color: #6b5a50; }
.palette-bone .text-slate-500 { color: #736358; } /* darkened past AA on both grounds */
.palette-bone .border-emerald-100 { border-color: #e8ddcf; }
.palette-bone .border-emerald-200 { border-color: #d8c8b6; }