/*
 | Section colour schemes (page builder "Colour Scheme").
 | Plain CSS shared by the new site build (imported into assets/src/css/site.css) and the
 | legacy layout (linked from layouts/default.htm), so both use the same colours.
 |
 | A scheme sets the section background and text colour, and the tokens sections use for
 | everything else:
 |   --scheme-muted      secondary copy
 |   --scheme-accent     *highlighted* headline words, links, small details
 |   --scheme-line       borders and outlines
 |   --scheme-panel      solid feature panels (the red steps card, stat card)
 |   --scheme-btn-*      primary button
 | Cards with their own background reset the tokens with a light scheme class (e.g. scheme-white).
 */
.scheme-white,
.scheme-pink,
.scheme-yellow,
.scheme-beige {
    --scheme-fg: #111111;
    --scheme-muted: #575555;
    --scheme-accent: #ff472f;
    --scheme-line: #111111;
    --scheme-panel: #ff472f;
    --scheme-btn-bg: #ff472f;
    --scheme-btn-fg: #ffffff;
    --scheme-btn-hover: #e63a23;
}

.scheme-white  { --scheme-bg: #ffffff; }
.scheme-pink   { --scheme-bg: #ffebff; }
.scheme-yellow { --scheme-bg: #ffe45c; --scheme-muted: #3b3a36; }
.scheme-beige  { --scheme-bg: #f8f3ee; }

/* Red: white text, black highlights, white buttons */
.scheme-red {
    --scheme-bg: #ff472f;
    --scheme-fg: #ffffff;
    --scheme-muted: rgb(255 255 255 / 0.88);
    --scheme-accent: #111111;
    --scheme-line: #ffffff;
    --scheme-panel: #111111;
    --scheme-btn-bg: #ffffff;
    --scheme-btn-fg: #ff472f;
    --scheme-btn-hover: #ffebff;
}

/* Black: white text, red highlights and buttons */
.scheme-black {
    --scheme-bg: #111111;
    --scheme-fg: #ffffff;
    --scheme-muted: #c9c7c7;
    --scheme-accent: #ff472f;
    --scheme-line: #ffffff;
    --scheme-panel: #ff472f;
    --scheme-btn-bg: #ff472f;
    --scheme-btn-fg: #ffffff;
    --scheme-btn-hover: #e63a23;
}

:is(.scheme-white, .scheme-pink, .scheme-yellow, .scheme-beige, .scheme-red, .scheme-black) {
    background-color: var(--scheme-bg);
    color: var(--scheme-fg);
}