/* Placeholder TU/e styling; restyle later by changing these tokens only. */
:root {
    --color-red: #c72125;
    --color-red-dark: #610301;
    --color-ink: #1a1a1a;
    --color-ink-dark: #000;
    --color-grey: #6b6b6b;
    --color-grey-light: #f2f2f2;
    --color-white: #fff;
    /* Dutch Design Foundation blue (from their logo); the TU/e palette itself has no blue. */
    --color-blue: #00008c;
    --color-blue-dark: #000060;

    --text-color: var(--color-ink);
    --text-muted-color: var(--color-grey);
    --border-color: #cfcfcf;
    --background-color: var(--color-white);
    --accent-color: var(--color-red);
    --accent-hover-color: var(--color-red-dark);

    /* TU/e web typography: Gilroy Bold for headings, Lato for text. Gilroy falls back to Lato Bold until its licensed files are added. */
    --font-body: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --font-heading: "Gilroy", var(--font-body);

    --content-width: 46rem;
    --gutter: 2rem;
}