/*
 * This site's colours and bands, as the office set them. Served from the database, not the file.
 * html:root is used on purpose: the pages bake a `:root` block in, and this has to be able to\n * correct it without that block being taken away - the baked one is the fallback.
 */

html:root {
    --accent: #f3c14b;
    --accent-2: #e0a327;
    --accent-ink: #231a06;
    --page-bg: #0b0a09;
    --section-alt: #15171c;
    --page-ink: #f6f2ea;
    --muted: #a99f92;
    --line: #2a2c33;
    --accent-rgb: 243, 193, 75;
    --type-scale: 1.1;
}

/* The bands, as chosen in the appearance settings: soft. */
:root:not([data-theme="light"]) .section {
    background-image: linear-gradient(180deg, color-mix(in srgb, var(--page-bg) 90%, #000) 0%, color-mix(in srgb, var(--page-bg) 96%, #ffffff) 100%);
}
:root:not([data-theme="light"]) .section-alt {
    background-color: var(--section-alt);
    background-image: linear-gradient(180deg, color-mix(in srgb, var(--section-alt) 90%, #000) 0%, color-mix(in srgb, var(--section-alt) 96%, #ffffff) 100%);
}