/* Breed Premiums — site tokens and drawings (structure lives in base.css). Own palette: saddle leather and deep teal on oat paper. */
:root{
  --bg:#F7F2EA; --surface:#FFFDF9; --ink:#24180F; --muted:#665748; --line:#E6DACB; --line-strong:#C9B59E;
  --accent:#8C4A2F; --accent-ink:#FFFFFF; --accent-soft:#F1E3D6;
  --cool:#2D6E6A; --cool-soft:#DCEDEA; --ok:#2D6E6A; --ok-soft:#DCEDEA; --warm:#B7791F; --warm-soft:#F8EBD3; --bad:#A8342C; --bad-soft:#F8E2DF;
  --r:10px; --max:1060px;
  --sans:Inter,"Avenir Next","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
  --mono:ui-monospace,Menlo,Consolas,monospace;
  --display:"Barlow Condensed","Avenir Next Condensed","Arial Narrow",var(--sans); --glass:#D6E4EE; --hero-art-bg:#EFE4D5;
  --a-wall:#F1E8DC; --a-floor:#D9C3A5; --a-skirt:#C8AE8C; --a-rug:#2D6E6A;
  --a-fur:#C98B4E; --a-fur-dk:#9A6232; --a-chest:#F3DDBF; --a-nose:#2A1C14; --a-cat:#7C7F86; --a-cat-dk:#5A5C62; --a-ear:#E8B4B0; --a-iris:#9DBB3A;
  --a-collar:#2D6E6A; --a-tag:#E3B23C; --a-card:#FFFDF8;
  --a-sky:#DCEBEA; --a-sun:#FFF6DC; --a-hill:#B7CDA0; --a-ground:#8DAA74; --a-house:#FFFDF8; --a-roof:#8C4A2F; --a-window:#CFE3EC; --a-zone:#C2412D;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#16110D; --surface:#201913; --ink:#F1E7DC; --muted:#B5A595; --line:#33281F; --line-strong:#54453A;
  --accent:#E3A27E; --accent-ink:#2A140A; --accent-soft:#3A2519;
  --cool:#7CC7BF; --cool-soft:#173330; --ok:#7CC7BF; --ok-soft:#173330; --warm:#E9B65A; --warm-soft:#3A2B12; --bad:#F09088; --bad-soft:#3E1F1C;
  --glass:#2B3D44; --hero-art-bg:#2A2018;
  --a-wall:#2C231B; --a-floor:#3D3125; --a-skirt:#4A3B2D; --a-rug:#2D6E6A;
  --a-fur:#B97E46; --a-fur-dk:#8A572C; --a-chest:#D9C2A3; --a-nose:#0E0906; --a-cat:#8C9097; --a-cat-dk:#62656B; --a-ear:#C99490; --a-iris:#A9C64A;
  --a-collar:#3E8F89; --a-tag:#D9A834; --a-card:#2F261E;
  --a-sky:#1D2A2B; --a-sun:#3B3524; --a-hill:#3A4A30; --a-ground:#2F3D26; --a-house:#3A3027; --a-roof:#7A3F27; --a-window:#33474E; --a-zone:#E2614C;
  color-scheme:dark;
}}
.brand-mark{width:16px;height:16px;border-radius:50% 50% 50% 6px;background:linear-gradient(135deg,var(--warm),var(--accent))}

/* site drawings */
.art .art-wall{fill:var(--a-wall)}.art .art-floor{fill:var(--a-floor)}.art .art-skirting{fill:var(--a-skirt)}.art .art-rug{fill:var(--a-rug);opacity:.35}
.art .art-fur{fill:var(--a-fur)}.art .art-fur-dk{fill:var(--a-fur-dk)}.art .art-chest{fill:var(--a-chest)}.art .art-nose{fill:var(--a-nose)}
.art .art-eye{fill:var(--a-nose)}.art .art-glint{fill:#fff}.art .art-line{fill:none;stroke:var(--a-nose);stroke-width:2;stroke-linecap:round;opacity:.6}
.art .art-collar{fill:var(--a-collar)}.art .art-tag{fill:var(--a-tag);stroke:var(--accent);stroke-width:2}.art .art-tagtext{fill:var(--accent);font:700 16px var(--display)}
.art .art-cat-fur{fill:var(--a-cat)}.art .art-cat-dk{fill:var(--a-cat-dk)}.art .art-ear-in{fill:var(--a-ear)}.art .art-eye-cat{fill:var(--a-iris);stroke:var(--a-nose);stroke-width:2}
.art .art-string{fill:none;stroke:var(--accent);stroke-width:2}.art .art-card{fill:var(--a-card);stroke:var(--accent);stroke-width:3}.art .art-tagbig{fill:var(--accent);font-family:var(--display);font-weight:700}
.art .art-sky{fill:var(--a-sky)}.art .art-sun{fill:var(--a-sun)}.art .art-hill{fill:var(--a-hill)}.art .art-ground{fill:var(--a-ground)}
.art .art-house{fill:var(--a-house);stroke:var(--ink);stroke-width:2}.art .art-roof{fill:var(--a-roof)}.art .art-door{fill:var(--a-collar)}
.art .art-window{fill:var(--a-window);stroke:var(--ink);stroke-width:2}.art .art-fence{stroke:var(--a-house);stroke-width:6}.art .art-pinbody{fill:var(--accent)}
.art .art-zone{fill:var(--a-zone);opacity:.3;stroke:var(--a-zone);stroke-width:3}.art .art-zone-line{fill:none;stroke:var(--a-zone);stroke-width:12;stroke-linecap:round;opacity:.5}

/* home tool inside the hero */
.hero-tool{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;margin-top:10px}
.hero-tool .grid2{grid-template-columns:1fr 1fr;gap:8px 10px}
.hero-tool .f{font-size:.82rem}
.bp-result{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.bp-result-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bp-result .answer{margin:0;padding:8px 10px;background:var(--bg)}
.bp-result .value{font-size:1.4rem;font-family:var(--display)}
.bp-result .small{font-size:.75rem}
.bp-note{font-size:.78rem;color:var(--muted);margin:8px 0 0}
.home-lede{font-size:1rem;margin:.3em 0 .5em}
.tool .f.wide{grid-column:1/-1}
.sib{columns:2;column-gap:24px}
.disclaimer{font-size:.9rem}
@media (max-width:760px){
  .hero-home h1{font-size:1.6rem;line-height:1.1;margin:.1em 0 .2em}
  .hero-home .eyebrow{margin:0}
  .home-lede{display:none}
  .bp-result .value{font-size:1.15rem}
  .bp-result .label{font-size:.68rem}
  .bp-result-3{grid-template-columns:1fr 1fr}
  .sib{columns:1}
}
figure.viz .viz-bar{fill:var(--a-fur)}figure.viz .viz-bar-hi{fill:var(--accent)}
.muted{color:var(--muted)}
figure.viz svg{max-width:640px}