/* TapMap shared brand theme — "Marigold".
* Light (cream) is the default; dark (warm charcoal) applies when .
* shell.js sets data-theme from localStorage('tm_theme') = light | dark | auto.
* Every page links this and should NOT redefine these tokens locally. */
:root {
--bg: #f4efe4; /* cream page */
--card: #fbf8f1; /* raised surface */
--ink: #20201c; /* primary text */
--mut: #7c7768; /* muted text */
--line: #e2dccd; /* borders / hairlines */
--amber: #c2410c; /* brand accent (marigold / burnt orange) */
--onacc: #fff6ee; /* text/icon on the accent */
--green: #16a34a; /* rating "high" */
--red: #c0392b; /* destructive / warn */
--shadow: rgba(70,45,20,.14);
}
:root[data-theme="dark"] {
--bg: #17130f; /* warm charcoal (not Untappd's cold gray) */
--card: #221b15;
--ink: #f0e9e2;
--mut: #a39687;
--line: #362a20;
--amber: #f2823c; /* brighter marigold on dark */
--onacc: #1c0f07;
--green: #4ade80;
--red: #f87171;
--shadow: rgba(0,0,0,.5);
}
/* Theme-adaptive logo: include BOTH 
and 
— the right one shows per theme. */
.tm-logo.d { display: none; }
:root[data-theme="dark"] .tm-logo.l { display: none; }
:root[data-theme="dark"] .tm-logo.d { display: inline; }
/* Inline logo mark (beer_app __LOGO__): recolor its old amber to the theme accent. */
.tmlogo [fill="#F59E0B"] { fill: var(--amber); }