/* Black Theme */

:root {
    /* Shared semantic palette: midnight depth without black-on-black panels. */
    --theme-page-background: #05070d;
    --theme-page-background-alt: #080b13;
    --theme-page-background-image: none;
    --theme-background-image-overlay: none;
    --theme-hero-surface: #0d1625;
    --theme-panel-surface: #0a111d;
    --theme-card-surface: #121d2f;
    --theme-primary-text: #f7faff;
    --theme-secondary-text: #d5deeb;
    --theme-muted-text: #aebbd0;
    --theme-subtle-border: #293951;
    --theme-border-strong: #3c526f;
    --theme-accent: #67bfff;
    --theme-active-accent: #52dcc7;
    --theme-success: #69da91;
    --theme-warning: #f5ca62;
    --theme-danger: #ff817c;
    --theme-info: #67bfff;
    --theme-hover-surface: #182740;
    --theme-focus-outline: #9ad8ff;
    --theme-shadow: 0 10px 28px rgba(0, 0, 0, .38);
    --theme-navigation-surface: #050811;
    /* this one color alters all the site background */
    --BackGround: #000000;
    --BodyBackGround: #000000;
    --wrapperBackGround: #000000;
    /* this one color alters all the site TEXT */
    --Light-text: #ffffff;
    --Dark-text: #000000;
    /* alters Nav bar and footer bar backgound  */
    --bg-darknav: #000000;
    --bg-dark: #000000;
    /* Lastheard text and Table background and all datatables BG  */
    --LH-Text: #ffffff;
    --DatatablesBG: #010719;
    --LhTableBG: #010719;
    /* buttons for callsigns / talkgroups and sessions */
    --CallSignButton: #007bff;
    --CallSignButtonText: #ffff;
    --TalkGroupButton: #007bff;
    --btn-session-details: #1679e4;
    /* hyperlinks and navbar hover  and focus */
    --hyperlink: #ffff00;
    --hyperlinkhover: #f5ae06;
    --navbarhoverover: #09ff00;
    --navbarhoveroverbs: #82ed51;
    --navbarfocus: #48e242a1;
    /* Border backgrounds and box shadow acl as well */
    --BorderBG: #00000000;
    --box-shadow: 0 0 0px #51cbee;
    --box-shadowacl: 0 0 1px #51cbee;
    --tableData: #555454;
    /* Modal main colours */
    --modelbodybg: #353635;
    --modelheaderbg: #050230;
    --modal-color: #ffffff;
    /* index gridstack Border */
    --gridstackborder: #050230;
}