/*
 * Semantic colours for the site, light and dark. Names mirror inmotion-web and inmotion-track.
 * The dark values apply when <html> has data-bs-theme="dark" (set by /assets/js/appearance.js from
 * the visitor's choice or the system setting). Use these instead of literals in custom.css.
 *
 * The *-rgb tokens are space-separated channels for translucent colours, written as
 * rgb(var(--im-shade-rgb) / 0.1): black in Light, white in Dark.
 */
:root {
    --im-brand: #609A30;
    --im-brand-rgb: 96 154 48;
    --im-shade-rgb: 0 0 0;
    --im-edge-rgb: 35 41 29;
    --im-page-start: #ffffff;
    --im-page-mid: #f4f7ee;
    --im-page-end: #eaf1e0;
    --im-card: #ffffff;
    --im-ink: #23291D;
    --im-offwhite: #F7F8F4;
    --im-hover: #e9ecef;
    --im-muted: #6c757d;
}

[data-bs-theme="dark"] {
    --im-brand: #86c04f;
    --im-brand-rgb: 134 192 79;
    --im-shade-rgb: 255 255 255;
    --im-edge-rgb: 255 255 255;
    --im-page-start: #121311;
    --im-page-mid: #121311;
    --im-page-end: #171a14;
    --im-card: #1d1e1b;
    --im-ink: #e6e7e1;
    --im-offwhite: #121311;
    --im-hover: #2b2c28;
    --im-muted: #a2a39d;
}