/* 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: #cfbdf5;            /* buttons, links, active nav */
    --accent-hover: #7c3aed;
    --on-accent: #FFFFFF;         /* text on accent */
    --bg: #000313;                /* page background */
    --surface: #0b0d1c;           /* cards */
    --raised: #111425;            /* menus, inputs */
    --border: #1a1e38;
    --text: #e1dff5;
    --muted: #949dcc;
    --radius: 10px;               /* corner rounding */
    --font: Geist, sans-serif;
    --font-heading: Nohemi, sans-serif;
}

/* the same variables in dark mode */
:root[data-theme="dark"] {
    --accent: #cfbdf5;
    --bg: #000313;
    --surface: #0b0d1c;
    --raised: #111425;
    --border: #1a1e38;
    --text: #e1dff5;
    --muted: #949dcc;
}

/* 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;
}
*/