/* generated by build.mjs from data.mjs FIELDS — photo-sampled fields */
@property --bg { syntax: '<color>'; inherits: true; initial-value: #1F1E1A; }
@property --fg { syntax: '<color>'; inherits: true; initial-value: #ECE6DA; }
@property --fg2 { syntax: '<color>'; inherits: true; initial-value: #C9C1B2; }
html[data-field="fog"], html:not(.js) [data-field="fog"], [data-field="fog"].fixed { --bg: #6E6357; --fg: #F4EEE6; --fg2: #F4EEE6; }
html[data-field="lake"], html:not(.js) [data-field="lake"], [data-field="lake"].fixed { --bg: #3F5259; --fg: #EEF2F0; --fg2: #C7D6D8; }
html[data-field="moss"], html:not(.js) [data-field="moss"], [data-field="moss"].fixed { --bg: #4A4C2A; --fg: #F0EBD8; --fg2: #D9D6B0; }
html[data-field="ember"], html:not(.js) [data-field="ember"], [data-field="ember"].fixed { --bg: #6B3F1E; --fg: #F6E7D2; --fg2: #F2B48A; }
html[data-field="tile"], html:not(.js) [data-field="tile"], [data-field="tile"].fixed { --bg: #C9C2AE; --fg: #1E1C17; --fg2: #4A4436; }
html[data-field="ash"], html:not(.js) [data-field="ash"], [data-field="ash"].fixed { --bg: #1F1E1A; --fg: #ECE6DA; --fg2: #C9C1B2; }