/* ────────────────────────────────────────────────────────────────────────── Hearthwright — shared theme palettes. The three chosen UI schemes, extracted so both login.php and the app (index.php header) consume one source of truth. Apply a scheme by setting data-theme on the scope element: • the whole page → (login) • a single region → e.g.
(app, staged redesign) Var contract: --bg --panel --panel2 --border --text --muted --accent --accent2 --scheme. Primary actions/buttons = --accent (light text); brand / section headings = --accent2; tints via color-mix(in srgb, var(--accent) N%, var(--panel)). ────────────────────────────────────────────────────────────────────────── */ :root, [data-theme="hearthwright"] { /* hearthwright green (default) */ --bg:#E4E4D2; --panel:#F2F0DE; --panel2:#DDE5CC; --border:#A9B995; --text:#2B261D; --muted:#566249; --accent:#3F5F36; --accent2:#8B6A3B; --scheme:light; } [data-theme="townhall"] { /* town hall light (warmer brown) */ --bg:#ECE5D8; --panel:#F6F0E5; --panel2:#E7DDCC; --border:#C9B9A4; --text:#2D241B; --muted:#6E6255; --accent:#8D623E; --accent2:#68845A; --scheme:light; } [data-theme="cartographer"] { /* cartographer dark */ --bg:#151A22; --panel:#1F2631; --panel2:#2A3340; --border:#394555; --text:#E7E6E1; --muted:#AEB4BE; --accent:#D4B26A; --accent2:#7F9A7A; --scheme:dark; } /* Brand wordmark — used for the "Hearthwright" title in the header / login. */ @font-face { font-family: 'Village'; src: url('v5assets/Village.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }