/* Design tokens for the whole site. Change a value here and it changes everywhere, including the guide at /design/. */
:root {
    /* Color */
    --bg: #FFFFFF;        /* page background */
    --bg2: #F0F2F4;       /* tinted sections, cards on white (cool grey, Joey 2026-09-14) */
    --ink: #16302E;       /* headings, body text, footer background */
    --ink2: #4F615F;      /* secondary text, labels */
    --accent: #1F6F6A;    /* buttons, links, stars */
    --accent2: #185955;   /* button hover */
    --line: #D8DDE1;      /* borders, dividers */
    --ph: #E3E7EA;        /* photo placeholders */
    --error: #A23B2A;     /* form errors */

    /* Shape */
    --r: 4px;             /* buttons */
    --rimg: 6px;          /* photos and cards */

    /* Type */
    --head: 'Manrope', -apple-system, Helvetica, Arial, sans-serif;
    --body: 'Inter', -apple-system, Helvetica, Arial, sans-serif;
}