/* The Crowned Host — single source of truth for brand colors, fonts, header and buttons.
   Emerald / champagne / ivory palette. Edit here only. */
:root{
  --ch-ivory:#FBF8F0;        /* page background */
  --ch-cream:var(--ch-ivory);/* alias (older pages) */
  --ch-ink:#1f2a26;          /* body text, h1 (14.0:1 on ivory) */
  --ch-ink-2:#2e3a35;        /* nav links */
  --ch-muted:#5c6661;        /* small/help text, footer (5.6:1) */
  --ch-emerald:#0F4D3F;      /* main color: logo, headings, links, outline + primary buttons (9.2:1) */
  --ch-emerald-deep:#0A3A2F; /* hover */
  --ch-champagne:#C8A96A;    /* accents: borders, progress bar, focus ring, icons (non-text) */
  --ch-champagne-line:#A88A4E;/* champagne thin lines (3.1:1, passes 3:1 for UI) */
  --ch-champagne-text:#806530;/* champagne used as TEXT (5.2:1 AA); #A88A4E is only 3.1:1 */
  --ch-line:#E6DCC6;         /* soft borders */
  --ch-sand:#F1E9D6;         /* soft fills */
  --ch-card:#fff;
  --ch-input:#c9c2b2;
  --ch-on-emerald:#FBF8F0;   /* text on emerald buttons */
  --ch-error:#9B4A3F;        /* muted terracotta, errors only (5.2:1 on error-bg) */
  --ch-error-bg:#F5EBE4;
  --ch-serif:Georgia,serif;
  --ch-sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;font:17px/1.6 var(--ch-serif);color:var(--ch-ink);background:var(--ch-cream)}
.banner{background:var(--ch-emerald);color:var(--ch-on-emerald);text-align:center;font:600 13px var(--ch-sans);padding:6px}
header{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid var(--ch-line);flex-wrap:wrap;gap:8px}
.logo{font-weight:700;font-size:20px;color:var(--ch-emerald);text-decoration:none}
nav a,.navlink{margin-left:12px;font:14px var(--ch-sans);color:var(--ch-ink-2)}
.navlink{background:none;border:0;padding:4px 0;text-decoration:underline;cursor:pointer}
h1{font-size:32px;line-height:1.2;margin:.2em 0;color:var(--ch-ink)}h2{font-size:26px;color:var(--ch-emerald)}
.btn{display:inline-block;background:var(--ch-emerald);color:var(--ch-on-emerald);padding:12px 20px;border-radius:8px;text-decoration:none;font:600 16px var(--ch-sans);margin:6px;border:0;cursor:pointer;text-align:center}
.btn.alt{background:none;color:var(--ch-emerald);border:2px solid var(--ch-emerald)}
.card{background:var(--ch-card);border:1px solid var(--ch-line);border-radius:12px;padding:16px}
footer{text-align:center;padding:24px;font:13px var(--ch-sans);color:var(--ch-muted);border-top:1px solid var(--ch-line)}
a{color:var(--ch-emerald)}

.btn:hover{background:var(--ch-emerald-deep)}.btn.alt:hover{background:var(--ch-emerald);color:var(--ch-on-emerald)}a:hover{color:var(--ch-emerald-deep)}
.btn.champagne{background:var(--ch-champagne);color:var(--ch-ink)}