/* ===== tokens.css — design tokens (custom properties) =====
   Replaces CMSMS [[$black]] etc. See migration map §6. */
:root
{
    /* palette — one canonical name each, NO aliases */
    --color-black: #000000;
    --color-light-black: #222222;
    --color-blue: #9dcfd6;
    /* page background */
    --color-white: #ffffff;
    --color-grey: #768585;
    --color-link: #4F4789;
    /* muted grey */
    --color-light-grey: #ededed;
    --color-mid-grey: #cccccc;
    --color-dark-grey: #5a5a5a;

    /* type */
    --font-body: 'Montserrat-Regular', sans-serif;
    --font-bold: 'Montserrat-Bold', sans-serif;
    --font-semi: 'Montserrat-SemiBold', sans-serif;

    /* spacing / shape */
    --space-gutter: clamp(1.5rem, 5vw, 4rem);
    /* container side padding */
    --radius: 0.5rem;
}