/* Varia theme. Edit these values; layout and components live in style.css.
   Core tokens affect the entire UI. Component tokens refine individual surfaces.
   Set color-scheme to light when creating a light palette (native controls).
*/
:root {
    color-scheme: dark;
    /* Core palette */
    --bg: #171717;
    --panel: #202020;
    --line: #343434;
    --text: #f0f0f0;
    --muted: #a8a8a8;
    --accent: #dddddd;
    --danger: #ff909a;

    /* Component surfaces, text, and interaction states */
    --button-bg: #303030;
    --button-hover: #3c3c3c;
    --input-bg: #1c1c1c;
    --placeholder: #929292;
    --auth-glow-primary: #2b2b2b;
    --auth-glow-secondary: #202020;
    --auth-card-bg: #222222f5;
    --auth-card-border: #393939;
    --tab-track: #191919;
    --tab-active-bg: #363636;
    --tab-active-text: #f0f0f0;
    --accent-button-text: #202020;
    --rooms-bg: #1b1b1b;
    --invite-text: #dddddd;
    --invite-bg: #303030;
    --room-icon-bg: #333333;
    --room-icon-text: #d0d0d0;
    --selection-bg: #383838;
    --selection-text: #f5f5f5;
    --selected-icon-text: #222222;
    --chat-bg: #262626;
    --connected-text: #91d6b6;
    --scrollbar: #505050;
    --message-hover: #ffffff04;
    --avatar-bg: #414141;
    --avatar-text: #eeeeee;
    --message-text: #dddddd;
    --deleted-bg: #61293633;
    --deleted-text: #ffacb4;
    --composer-border: #424242;
    --notice-bg: #333333;
    --notice-border: #555555;
    --notice-text: #fff;
    --dialog-border: #454545;
    --danger-button-text: #351219;
    --members-bg: #212121;
    --online-dot: #8ad5ad;
    --attachment-bg: #202020;
    --attachment-border: #444444;
    --link: #e0e0e0;
    --pending-file-bg: #303030;
    --attach-button-bg: #3b3b3b;
    --attach-button-text: #eeeeee;
    --settings-button-text: #222222;
    --composer-focus-border: #747474;
    --composer-focus-shadow: #ffffff08;
    --shadow-soft: #0005;
    --shadow-dialog: #0008;
    --shadow-drawer: #0009;
    --dialog-backdrop: #101010b8;

    /* Overlays and media */
    --transparent: transparent;
    --drop-background: #262626ed;
    --video-background: #000;
}