/**
 * Paws of Fury — shared design tokens.
 *
 * One definition of the palette for every page on the site. The landing page,
 * invite page and dashboard had already converged on these values by hand; the
 * post editor had its own purple-and-red scheme, which is why the site looked
 * like several different products.
 *
 * Load this before a page's own stylesheet:
 *
 *     <link rel="stylesheet" href="/assets/theme.css">
 *     <link rel="stylesheet" href="styles.css">
 *
 * Pages keep their own layout rules and only inherit the palette, so nothing
 * has to be restructured to look consistent.
 */

:root {
    color-scheme: dark;

    /* Surfaces */
    --bg: #17191f;
    --panel: #222732;
    --panel-2: #1c2029;
    --panel-border: #3b4252;

    /* Text */
    --text: #f6f3ec;
    --muted: #b7c0cf;

    /* Brand */
    --accent: #d9a441;
    --accent-bright: #f0bd56;
    --accent-dark: #9b6725;
    --button-text: #17191f;
    --danger: #e05c5c;
    --success: #6bc47d;

    /* Discord's own colours, for anything that imitates its UI. These are
       Discord's values, not ours, and should not be themed. */
    --discord-bg: #313338;
    --discord-embed-bg: #2b2d31;
    --discord-code-bg: #1e1f22;
    --discord-text: #dbdee1;
    --discord-muted: #949ba4;
    --discord-heading: #f2f3f5;
    --discord-blurple: #5865f2;
    --discord-link: #00aff4;

    --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-mono: 'Cascadia Code', 'Fira Code', 'JetBrains Mono', Consolas, monospace;
    --font-discord: 'gg sans', 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* The UA stylesheet hides [hidden] with display:none, but any author rule that
   sets display overrides it and the element reappears. */
[hidden] { display: none !important; }