/* 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: #C13E0E;            buttons, links, active nav */
    /* --accent-hover: #A93509; */
    /* --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: #E8551F; */
    /* --bg: #17171A; */
    /* --surface: #1F1F23; */
    /* --raised: #27272C; */
    /* --border: #38383E; */
    /* --text: #EDEDEF; */
    /* --muted: #9C9CA2; */
}

/* own font: upload a woff2 under Brand, a click in the file tree inserts its url
@font-face {
    font-family: OwnFont;
    src: url(/theme/asset/<id>/<file>.woff2) format("woff2");
}
:root {
    --font: OwnFont, sans-serif;
}
*/
