:root {
    --fm-milk: #f4efe4;
    --fm-milk-muted: #d9d1c2;
    --fm-focus: #d6ae49;
}

html { -webkit-tap-highlight-color: rgba(244, 239, 228, .14); }
body { accent-color: var(--fm-focus); }
a { color: var(--fm-milk-muted); }
a:hover, a:focus { color: var(--fm-milk); }
button, a, [role="button"] { -webkit-tap-highlight-color: rgba(244, 239, 228, .12); }
::selection { background: rgba(214, 174, 73, .28); color: var(--fm-milk); }
::-moz-selection { background: rgba(214, 174, 73, .28); color: var(--fm-milk); }
:focus-visible { outline: 2px solid var(--fm-focus); outline-offset: 2px; }

@media (prefers-reduced-motion: no-preference) {
    html { scroll-behavior: smooth; }
}