/* ABKC — "Champion's Registry": ivory certificate paper, navy ink, champion gold.
   Light, formal, kennel-club heritage. System-font only (file:// safe). */
:root{
  --font-display:"Palatino Linotype",Palatino,"Book Antiqua",Georgia,"Times New Roman",serif;
  --font-body:"Gill Sans","Gill Sans MT","Trebuchet MS","Segoe UI",Verdana,sans-serif;
  --font-mono:Consolas,"Courier New",monospace;
  --bg:#f6f1e3;
  --ink:#22304d;
  --muted:#6b6453;
  --display-ink:#1a2742;
  --display-tracking:.015em;
  --brand-ink:#1a2742;
  --brand-tracking:.14em;
  --brand-case:uppercase;
  --top-bg:rgba(246,241,227,.92);
  --top-border:1px solid #d9cba4;
  --bar-track:#e7dec6;
  --bar-border:1px solid #d4c69d;
  --bar-fill:linear-gradient(90deg,#a8852e,#d4af5a 60%,#b8923c);
  --bar-glow:0 0 10px rgba(196,159,74,.45);
  --dot-border:#bba76f;
  --dot-bg:#efe7d2;
  --dot-done:#a8852e;
  --dot-part:#dcc88e;
  --accent:#a8852e;
  --accent-deep:#7c611c;
  --accent-soft:rgba(196,159,74,.16);
  --accent-line:rgba(168,133,46,.45);
  --accent-contrast:#fffaef;
  --card-bg:#fdfaf2;
  --card-border:1px solid #d9cba4;
  --card-radius:14px;
  --card-shadow:0 1px 0 #fff inset,0 6px 18px rgba(96,78,38,.08);
  --hero-bg:linear-gradient(160deg,#fdfaf2,#f3ead3);
  --hero-border:2px solid #c9b063;
  --hero-motif:"✦";
  --mean-bg:rgba(26,39,66,.05);
  --mean-ink:#2c3a5c;
  --opt-border:#cfc3a0;
  --opt-bg:#fbf7ec;
  --opt-on-bg:#f4ecd6;
  --opt-mark:#9b8a5c;
  --box-radius:6px;
  --field-bg:#fffdf7;
  --ph:#a39a82;
  --ok:#3e6b3f;
  --ok-ink:#f3f7ee;
  --ok-line:rgba(62,107,63,.55);
  --req:#9a4a22;
  --warn:#9a4a22;
  --warn-soft:rgba(154,74,34,.08);
  --cta-bg:linear-gradient(175deg,#21335c,#16243f);
  --cta-ink:#e9d49a;
  --cta-glow:0 8px 22px rgba(22,36,63,.35),0 0 0 1.5px #c9b063 inset;
  --veil:rgba(34,42,60,.55);
  --rule:1px solid #d9cba4;
}
/* parchment grain + vignette */
body{background-image:
  repeating-linear-gradient(0deg,rgba(120,98,52,.022) 0 1px,transparent 1px 3px),
  repeating-linear-gradient(90deg,rgba(120,98,52,.018) 0 1px,transparent 1px 4px),
  radial-gradient(1100px 480px at 50% -8%,rgba(201,176,99,.18),transparent 70%)}
/* certificate double keyline on cards */
.card{outline:1px solid rgba(201,176,99,.35);outline-offset:-5px}
.hero{outline:1px solid rgba(201,176,99,.55);outline-offset:-7px}
.sechead{border-bottom:2px solid #c9b063;display:inline-block;padding-bottom:4px}
.brand .mark{filter:drop-shadow(0 1px 1px rgba(124,97,28,.4))}