/* White ground, green ink. Dark is an explicit reader preference. */
:root{
 --surface:#FFFFFF;
 --surface-2:#F7F7F7;
 --surface-inv:#0F2418;
 --text:#0F2418;
 --text-2:#3D5C48;
 --text-inv:#E6F2E8;
 --text-2-inv:#9FBCA9;
 --accent:#14503A;
 --accent-fill:#0F2418;
 --accent-contrast:#FFFFFF;
 --accent-inv:#FFF2A8;
 --label-bg:#FFFFFF;
 --label-text:#0F2418;
 --mint:#3D5C48;
 --rule:#DDDDDD;
 --rule-inv:#3D5C48;
 --danger:#6B2020;
 --sev-warn:#3D5C48;
 --sev-info:#3D5C48;
 color-scheme:light;
}
:root[data-theme="dark"]{
 --surface:#111111;
 --surface-2:#1D1D1D;
 --surface-inv:#FFFFFF;
 --text:#E4F1E7;
 --text-2:#A2BCAA;
 --text-inv:#0F2418;
 --text-2-inv:#3D5C48;
 --accent:#B9DCC6;
 --accent-fill:#0F2418;
 --accent-contrast:#FFFFFF;
 --accent-inv:#14503A;
 --label-bg:#111111;
 --label-text:#E4F1E7;
 --mint:#A2BCAA;
 --rule:#444444;
 --rule-inv:#DDDDDD;
 --danger:#F0A9A9;
 --sev-warn:#A2BCAA;
 --sev-info:#A2BCAA;
 color-scheme:dark;
}
:root{--ink:var(--surface);--ink-raised:var(--surface-2);--bone:var(--text);--slate:var(--text-2);--lime:var(--accent);--magenta:var(--danger);}
html,body{margin:0;background:var(--surface);color:var(--text);}
/* The yellow is theme-independent: the one constant across both grounds. */
:root{--highlight:#FFF2A8;--highlight-ink:#12200F;}
::selection{background:var(--highlight);color:var(--highlight-ink);}