/* SystemFlair colours for Element Web (chat.systemflair.com).
 * Loaded through one <link> that Caddy adds to Element's index.html (see the
 * chat block in the Caddyfile). Element's own "custom theme" config can't do
 * this in 1.12.30: it puts overrides in @layer compound-tokens, but the
 * defaults live in the later layer cpd-semantic and win. Plain (unlayered)
 * rules like these beat every layer.
 * Only design tokens are overridden -- if Element renames one, that colour
 * silently falls back to Element's default; nothing breaks.
 * Brand: navy #2d388a, cyan #00aeef. */

:root,
.cpd-theme-light,
.cpd-theme-light-hc {
    --cpd-color-bg-action-primary-rest: #2d388a;
    --cpd-color-bg-action-primary-hovered: #3a47a8;
    --cpd-color-bg-action-primary-pressed: #232c6e;
    --cpd-color-text-action-accent: #2d388a;
    --cpd-color-icon-accent-primary: #2d388a;
    --cpd-color-icon-accent-tertiary: #2d388a;
    --cpd-color-bg-accent-rest: #2d388a;
    --cpd-color-bg-accent-hovered: #3a47a8;
    --cpd-color-bg-accent-pressed: #232c6e;
    --cpd-color-border-interactive-accent: #2d388a;
}

/* Dark: primary buttons are brand cyan with Element's own dark "on solid"
 * text. Do NOT override --cpd-color-text-on-solid-primary / icon-on-solid
 * here: tooltips use the same token on a light background, and forcing it to
 * white made them unreadable (2026-10-10). */
.cpd-theme-dark,
.cpd-theme-dark-hc {
    --cpd-color-bg-action-primary-rest: #00aeef;
    --cpd-color-bg-action-primary-hovered: #33c1f5;
    --cpd-color-bg-action-primary-pressed: #0091c7;
    --cpd-color-text-action-accent: #00aeef;
    --cpd-color-icon-accent-primary: #00aeef;
    --cpd-color-icon-accent-tertiary: #00aeef;
    --cpd-color-bg-accent-rest: #0091c7;
    --cpd-color-bg-accent-hovered: #00aeef;
    --cpd-color-bg-accent-pressed: #007aa8;
    --cpd-color-border-interactive-accent: #00aeef;
}