/* ── anias.garden · light / earthy palette ────────────────────────────────────── Single source of truth for site colours, fonts, and base resets. Linked first in base.html's , so :root variables are available to every page and section stylesheet. Tweak colours here and they change everywhere. */ :root { --bg: #f3ecdd; /* warm paper / cream */ --surface: #fbf7ee; /* raised off-white: cards, inputs, photo mat */ --surface2: #efe7d6; /* secondary panel */ --border: #ddd1bc; /* soft taupe hairline */ --line: #ddd1bc; --line-moss: #cdd3b3; /* sage hairline */ --text: #3c352a; /* espresso ink */ --dim: #8c8270; /* taupe-grey (secondary text) */ --muted: #8c8270; --faint: #a99d87; /* lighter taupe */ --accent: #5f7a36; /* earthy olive-moss */ --moss: #5f7a36; --leaf: #4c6328; /* deeper green: hover / active */ --accent-faint: #5f7a3618; /* faint olive wash */ --moss-faint: #5f7a3618; --clay: #bf6433; /* terracotta */ --accent2: #bf6433; --gold: #b08a2e; /* ochre */ --good: #5f7a36; /* olive (good) */ --warn: #c98a2e; /* amber (warn) */ --bad: #bf5a3a; /* rust (bad) */ --serif: "DM Serif Display", serif; --sans: "DM Sans", sans-serif; } /* ── Base reset + body defaults (shared by every page) ──────────────────────────── */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { background: var(--bg); color: var(--text); font-family: var(--sans); font-weight: 300; }