/* ============================================================ EatFirst — "calm kitchen worktop" Warm light palette · Fraunces display + Inter body · ripeness traffic-light · the Eat-First hero is the signature. ============================================================ */ :root { /* surfaces */ --paper: #FBFAF6; /* warm worktop background */ --card: #FFFFFF; /* clean card */ --line: #ECE6D9; /* warm hairline */ --line-2: #F1ECE1; /* ink */ --ink: #21271F; /* deep herb-black */ --ink-soft: #6C7367; /* muted */ --ink-faint:#9AA093; /* brand */ --leaf: #2E7D4F; --leaf-deep: #235C3A; --leaf-wash: #E9F2EC; /* ripeness */ --overdue: #C0392B; --overdue-wash: #FAEAE7; --soon: #BE7400; --soon-wash: #FAF0DC; --fresh: #3A9460; --fresh-wash: #EAF3EC; --citrus: #EFB400; --app-max: 500px; /* the app is a centered phone-width column on desktop */ --radius: 16px; --radius-sm: 11px; --shadow: 0 1px 2px rgba(28,38,28,.05), 0 6px 18px rgba(28,38,28,.06); --shadow-lift: 0 2px 6px rgba(28,38,28,.08), 0 14px 34px rgba(28,38,28,.10); --font-display: "Fraunces", Georgia, "Times New Roman", serif; --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; } /* Dark theme — warm "kitchen at night", set on by theme.js. */ :root[data-theme="dark"] { background: #0F0D0B; /* behind the app column on wide screens */ --paper: #1A1714; --card: #241F1B; --line: #37302A; --line-2: #2C2621; --ink: #F0EBE3; --ink-soft: #A89F94; --ink-faint:#7D746A; --leaf: #46A56B; --leaf-deep: #5BB97E; --leaf-wash: #1E3328; --overdue: #E5705F; --overdue-wash: #3A211D; --soon: #D99A33; --soon-wash: #34281A; --fresh: #5BB97E; --fresh-wash: #1E3328; --citrus: #F0C040; --shadow: 0 1px 2px rgba(0,0,0,.30), 0 6px 18px rgba(0,0,0,.30); --shadow-lift: 0 2px 6px rgba(0,0,0,.40), 0 14px 34px rgba(0,0,0,.50); }