/* ============================================================
fieldcraft — DESIGN TOKENS · SINGLE SOURCE OF TRUTH
------------------------------------------------------------
Every color/font var in the app AND in every DRAFT-*.html
resolves from THIS file. Do not redefine :root vars anywhere
else — link this instead:
app → web/index.html:
draft→ web/public/DRAFT-*.html: same
A single [data-theme] flip on repaints everything.
Fonts (IBM Plex Mono / Sans Thai) are loaded via Google Fonts
in the host HTML; the vars below just name them.
============================================================ */
:root {
color-scheme: light;
--bg:#f5f7f3; --bg-deep:#e6e9e2; --panel:#ffffff; --panel-2:#eef1ec;
--panel-active:#f2fbf5; --inset:#eef1ea; --track:#e4e8df;
--line:#e0e4dc; --line-soft:#eaeee7; --grip:#b7bdb2; --sep:rgba(20,30,22,.07);
--ink:#1b1e1a; --ink-green:#14562f; --dim:#5c635a; --faint:#8b9187; --faint-2:#adb2a8;
--accent:#1f9d57; --accent-deep:#17784a; --accent-muted:#3f8b60; --on-accent:#ffffff;
--amber:#b5791f; --amber-line:#e6cf9f;
--red:#cf3438; --red-text:#b25457; --red-dim:#a9787a; --red-line:#f0cdcd;
--tmpl:#2f6fd0; --tmpl-deep:#2559a8; --tmpl-bg:#eaf1fc;
--glow:rgba(24,40,30,.10); --glow2:rgba(24,40,30,.14);
--mono:'IBM Plex Mono',monospace; --thai:'IBM Plex Sans Thai',sans-serif;
}
:root[data-theme="dark"] {
color-scheme: dark;
--bg:#0a0b0a; --bg-deep:#050605; --panel:#121412; --panel-2:#171a17;
--panel-active:#161a16; --inset:#0e100e; --track:#1d211c;
--line:#262b25; --line-soft:#1b1f1a; --grip:#454a41; --sep:rgba(255,255,255,.08);
--ink:#dad8cd; --ink-green:#dceede; --dim:#8b8f84; --faint:#565b53; --faint-2:#4a4f46;
--accent:#46d07f; --accent-deep:#2e8d57; --accent-muted:#5a8f6f; --on-accent:#06140c;
--amber:#e2a13c; --amber-line:#5a4424;
--red:#e5484d; --red-text:#c97b7e; --red-dim:#8b6b6c; --red-line:#4a2122;
--tmpl:#6ea8ff; --tmpl-deep:#3f6fd0; --tmpl-bg:#16233a;
--glow:rgba(0,0,0,.45); --glow2:rgba(0,0,0,.5);
}