/* Custom css of this theme, loaded after the Signal styles on every page.
   Signal is styled through these variables: override one here and the
   whole panel follows. Own selectors work too. */

:root {
    --accent: #6844ce;            /* buttons, links, active nav */
    --accent-hover: #5736b0; 
    --on-accent: #FFFFFF;         /* text on accent */
    /* --bg: #EAEAEC;                page background */
    /* --surface: #FFFFFF;           cards */
    /* --raised: #FFFFFF;            menus, inputs */
    /* --border: #D8D8DC; */
    /* --text: #1B1B1E; */
    /* --muted: #66666C; */
    /* --radius: 6px;                corner rounding */
    /* --font: Inter, sans-serif; */
    /* --font-heading: Archivo, sans-serif; */
}

/* the same variables in dark mode */
:root[data-theme="dark"] {
    --accent: #825ff5;            /* brighter purple for dark mode visibility */
    --accent-hover: #9673ff;
    /* --bg: #17171A; */
    /* --surface: #1F1F23; */
    /* --raised: #27272C; */
    /* --border: #38383E; */
    /* --text: #EDEDEF; */
    /* --muted: #9C9CA2; */
}