/* settings/tokens.css Colour, type and spacing tokens. Change a value here and it changes everywhere. Rewind Club - loaded in order by functions.php. */ :root{ --paper:#F3EADA; --paper-2:#E9DAC0; --card:#FCF7EC; --card-2:#F7EEDD; --ink:#33291F; --ink-2:#7A6A57; --ink-3:#9C8C77; --line:#DCC8A9; --line-soft:#E8DAC1; --mulberry:#8C4F63; --mulberry-ink:#FCF7EC; --sage:#5F7F63; --teal:#2F6C6B; --butter:#EFC163; --peach:#E3A078; --kraft:#C9A276; --kraft-2:#B08A5F; --shadow:rgba(51,41,31,.14); --grain:.5; --radius:18px; --logo-height:76px; /* Site Logo cap. Change this one value to resize it. */ --font-display:"Baloo 2", ui-rounded, "Trebuchet MS", system-ui, sans-serif; --font-body:"Karla", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --font-mono:"Space Mono", ui-monospace, "Courier New", monospace; } /* Optional dark palette. Enable by adding data-theme="dark" to , or uncomment the media query in assets/css/dark-auto.css (see README). */ html[data-theme="dark"]{ --paper:#1F1913; --paper-2:#2A2119; --card:#291F17; --card-2:#332719; --ink:#F2E6D2; --ink-2:#BCA88D; --ink-3:#94806A; --line:#4A3A28; --line-soft:#3A2D1F; --mulberry:#E39BAF; --mulberry-ink:#2A1218; --sage:#96BC99; --teal:#74C0BA; --butter:#EFC163; --peach:#E8A57C; --kraft:#B98F63; --kraft-2:#8E6B45; --shadow:rgba(0,0,0,.45); --grain:.34; }