:root {
    /* Brand palette */
    --paper: #F4F1EA;
    --paper-2: #ECE7DB;
    --card: #FBFAF5;
    --ink: #0D211A;
    --ink-2: #41524A;
    --ink-3: #6B7B72;
    --pine: #0E2E24;
    --pine-2: #0A241C;
    --leaf: #1E9E64;
    --leaf-2: #4CC98B;

    /* Lines */
    --line: rgba(13, 33, 26, .14);
    --line-2: rgba(13, 33, 26, .24);
    --line-inv: rgba(244, 241, 234, .16);
    --line-inv-2: rgba(244, 241, 234, .30);

    /* Semantic */
    --err: #B4472E;

    /* Typography */
    --font-d: 'Fraunces', Georgia, serif;
    --font-b: 'Archivo', system-ui, sans-serif;
    --font-m: 'IBM Plex Mono', ui-monospace, monospace;

    /* Radii */
    --r-sm: 8px;
    --r: 14px;
    --r-lg: 22px;

    /* Layout */
    --max: 1240px;
    --header-h: 74px;
}