/* CSS Custom Properties — Design tokens translated from legacy variables.scss */
:root {
    --font-family: 'Segoe UI',Arial,Sans-Serif;
    --font-size: 16px;
    --accent-color: #014B8A;
    --accent-color-text: #FDFDFD;
    --background: #FDFDFD;
    --alternate-background: #EFEFF9;
    --text-color: #000000;
    --secondary-text-color: #9C9C9C;
    --table-text-color: #7D7D7D;
    --link-color: #014B8A;
    --usergroup-color: #014B8A;
    --border-color: #CACACC;
    --border-color-gradient: #313131;
    --header-background: #CCCCCC;
    --header-text-color: #2D2D2D;
    --header-item-height: 23px;
    --menu-background: #000000;
    --menu-text-color: #FDFDFD;
    --section-header-background: #E3E4E5;
    --section-header-background-2: #9395A980;
    --section-header-text-color: #2D2D2D;
    --error-background: #FFF4F4;
    --error-text-color: #620000;
    --error-border-color: #FF0000;
    --success-text-color: #009900;
    --message-background: #FFF8DF;
    --message-text-color: #996600;
    --message-border-color: #FFCA11;
    --post-quote-background: #DEE8F3;
    --post-quote-text-color: #2D2D2D;
    --post-quote-border-color: #91A5D5;
    --post-quote-header-background: #C2CEE7;
    --post-quote-header-text-color: #3E5C9B;
    --page-max-width: 1420px;
    --page-min-width: 360px;
    --nav-height: 50px;
    --nav-gradient: linear-gradient(to bottom,rgba(13,76,139,1) 0%,rgba(16,97,173,1) 100%);
    --nav-border-color: #006fda;
    --body-background: #F6F6F6;
    --body-text-color: #000000;
    --sidebar-width: 300px;
    --section-header-background-3: linear-gradient(to bottom,#ffffff 0%,#e9e9e9 100%);
    --search-highlight-text-color: #1BA5C7;
    --sub-alert-background-color: var(--link-color);
    --sub-alert-text-color: #FDFDFD;
    --sub-alert-link-color: #000000;
    --tooltip-background-color: #FDFDFD;
    --tooltip-border-color: #000000;
    --tooltip-color: #000000;
    --tooltip-highlight-color: #000000;
    --tooltip-de-emphasize-color: #8D8D8D;
    --table-header-background: #192f3b;
    --table-header-text-color: #FFFFFF;
    --main-accent-color: #FDFDFD;
    --reply-alt-background: #E9EEF7;
    --forumhead-background: #000000;
    --forumhead-text-color: #FDFDFD;
    --forumhead-height: 33px;
    --forumhead-button-background: #0d4d8b linear-gradient(#0161c1, #0d4d8b);
    --sidebar-background: #E1E3F5;
    --container-border-color: #CACACC;

    /* Status colors */
    --color-danger: #d32f2f;
    --color-warning: #f59e0b;
    --color-success: #00CC00;
    --color-info: #0d6efd;

    /* Badge role colors */
    --badge-customer: #2E7D32;
    --badge-group: #1565C0;
    --badge-moderator: #F57C00;
    --badge-admin: #C62828;
    --badge-muted: #6c757d;

    /* Status background tints */
    --color-success-bg: #e8f5e9;
    --color-danger-bg: #ffe6e6;
    --color-info-bg: #e3f2fd;
    --color-warning-bg: #fff3e0;
    --color-neutral-bg: #f5f5f5;

    /* Status text on tinted backgrounds */
    --color-info-text: #1565c0;
    --color-success-tint-text: #2e7d32;
    --color-warning-text: #e65100;
    --color-muted-text: #757575;

    /* Diff colors */
    --diff-added-bg: #dfd;
    --diff-added-text: #060;
    --diff-removed-bg: #fdd;
    --diff-removed-text: #900;

    /* Miscellaneous */
    --color-rss: #FF6600;
    --color-white: #fff;
    --color-muted-border: #999;
}
/* Dark theme base — shared overrides for all dark-mode themes */
.theme-dark {
    --background: #0A0A0A;
    --alternate-background: #181818;
    --text-color: #E8E8E8;
    --secondary-text-color: #9C9C9C;
    --table-text-color: #C8C8C8;
    --link-color: #FFB400;
    --border-color: #3A3A3A;
    --border-color-gradient: #1A1A1A;
    --header-background: #1E1E1E;
    --header-text-color: #E8E8E8;
    --menu-background: #0A0A0A;
    --menu-text-color: #E8E8E8;
    --section-header-background: #1A1A1A;
    --section-header-background-2: #141414;
    --section-header-background-3: linear-gradient(to bottom,#1E1E1E 0%,#0F0F0F 100%);
    --section-header-text-color: #D0D0D0;
    --body-background: #111111;
    --body-text-color: #E0E0E0;
    --error-background: #2D0000;
    --error-text-color: #FF6B6B;
    --error-border-color: #8B0000;
    --success-text-color: #4CAF50;
    --message-background: #2D2200;
    --message-text-color: #FFD54F;
    --message-border-color: #8B6914;
    --post-quote-background: #1A1A2E;
    --post-quote-text-color: #C8C8D0;
    --post-quote-border-color: #2A2A4A;
    --post-quote-header-background: #141428;
    --post-quote-header-text-color: #8888BB;
    --search-highlight-text-color: #45D5F7;
    --tooltip-background-color: #1E1E1E;
    --tooltip-border-color: #3A3A3A;
    --tooltip-color: #E8E8E8;
    --tooltip-highlight-color: #FFB400;
    --tooltip-de-emphasize-color: #6A6A6A;
    --table-header-background: #0A0A0A;
    --main-accent-color: #45D5F7;
    --sub-alert-background-color: var(--link-color);
    --sub-alert-text-color: #0A0A0A;
    --sub-alert-link-color: #0A0A0A;
    --reply-alt-background: #1A1E2A;
    --forumhead-background: linear-gradient(to bottom,#1a2a3c 0%,#0f1f2f 100%);
    --forumhead-text-color: #E8E8E8;
    --forumhead-button-background: #0d4d8b linear-gradient(#0161c1, #0d4d8b);
    --sidebar-background: #1A1A1A;
    --container-border-color: #444444;

    /* Status colors */
    --color-danger: #ef5350;
    --color-warning: #ffb74d;
    --color-success: #66bb6a;
    --color-info: #42a5f5;

    /* Badge role colors */
    --badge-customer: #4CAF50;
    --badge-group: #42a5f5;
    --badge-moderator: #FFB74D;
    --badge-admin: #EF5350;
    --badge-muted: #9E9E9E;

    /* Status background tints */
    --color-success-bg: #1b3d1b;
    --color-danger-bg: #3d1b1b;
    --color-info-bg: #1b2d3d;
    --color-warning-bg: #3d2d1b;
    --color-neutral-bg: #2a2a2a;

    /* Status text on tinted backgrounds */
    --color-info-text: #64b5f6;
    --color-success-tint-text: #66bb6a;
    --color-warning-text: #ffb74d;
    --color-muted-text: #9E9E9E;

    /* Diff colors */
    --diff-added-bg: #1b3d1b;
    --diff-added-text: #66bb6a;
    --diff-removed-bg: #3d1b1b;
    --diff-removed-text: #ef5350;

    /* Miscellaneous */
    --color-rss: #FF8833;
    --color-white: #fff;
    --color-muted-border: #777;
}