:root {
    /* ***** Colors ***** */

    --global-blue-5: #f0f5fa;
    --global-blue-10: #D6EBF6;
    --global-blue-20: #D1F2FF;
    --global-blue-30: #3e607f;
    --global-blue-40: #183459;
    --global-blue-50: #1D2125;
    --global-blue-60: #003399;
    --global-blue-70: #0084B4;
    --global-blue-80: #87CEFA;

    --global-cyan-10: #e5f6ff;
    --global-cyan-20: #bae6ff;
    --global-cyan-30: #97d9fc;
    --global-cyan-40: #35B7F3;
    --global-cyan-50: #1192e8;
    --global-cyan-60: #0072c3;

    --global-neutral-10: #f7f7f7;
    --global-neutral-20: #efefef;
    --global-neutral-30: #e9e9e9;
    --global-neutral-40: #E4E4E4;
    --global-neutral-45: #D1D1D1;
    --global-neutral-50: #C1C1C1;
    --global-neutral-60: #b0b2b5;
    --global-neutral-65: #999999;
    --global-neutral-70: #808080;
    --global-neutral-72: #727272;
    --global-neutral-75: #5A5A5A;
    --global-neutral-80: #61656b;
    --global-neutral-85: #424242;
    --global-neutral-88: #333333;
    --global-neutral-90: #393e46;
    --global-neutral-92: #242424;
    --global-neutral-95: #111111;
    --global-neutral-100: #222831;

    --global-orange-10: #ffe8cc;
    --global-orange-60: #e17009;
    --global-orange-70: #FF6600;
    --global-orange-40: #ffa133;
    --global-orange-50-base: #ff8a00;
    
    --global-white-100: #ffffff;
    --global-white-80: #cccccc;
    --global-white-60: #B6c2cf;

    --global-dark-0: #0D1117;
    --global-dark-25: #2b3647;
    --global-dark-5: #151B25;
    --global-dark-7: #1D2125;
    --global-dark-10: #202124;
    --global-dark-20: #2c333a;
    --global-dark-30: #22272b;
    --global-dark-40: #3D4750;
    --global-dark-50: #4e4d4c;
    --global-dark-60: #323130;
    --global-dark-100: #000000;

    --global-red-5: #ffefef;
    --global-red-10: #FFD5D5;
    --global-red-50-base: #ff5f3d;
    --global-bordeaux: #4c0606;
    --global-red-90: #ff6666;
    --global-red-100: #ff0000;

    --global-green-10: #ecf5ed;
    --global-green-50: #4CCD97;
    --global-green-80: #008000;
    --global-green-90: #033f03;
}

/* ===== Semantic Design Tokens ===== */

:root {
    /* --- Surface --- */
    --surface-page:                var(--global-white-100);
    --surface-raised:              var(--global-white-100);
    --surface-overlay:             var(--global-white-100);
    --surface-input:               var(--global-white-100);
    --surface-canvas:              var(--global-white-100);
    --surface-secondary:           var(--global-white-100);
    --surface-tertiary:            var(--global-white-100);
    --surface-modal:               var(--global-white-100);
    --surface-invert:              var(--global-white-100);
    --surface-raised-alt:          var(--global-white-100);
    --surface-page-soft:           var(--global-white-100);
    --surface-page-dark:           var(--global-white-100);
    --surface-page-muted:          var(--global-white-100);
    --surface-page-subtle:         var(--global-white-100);
    --surface-contrast:            var(--global-white-100);
    --surface-ticket-note:         var(--global-white-100);
    --surface-sunken:              var(--global-neutral-10);
    --surface-sunken-alt:          var(--global-neutral-10);
    --surface-hover:               var(--global-neutral-10);
    --surface-dimmed:              var(--global-neutral-10);
    --surface-header:              var(--global-neutral-10);
    --surface-sidebar:             var(--global-neutral-10);
    --surface-header-fixed:        var(--global-neutral-10);
    --surface-sunken-input:        var(--global-neutral-10);
    --surface-sunken-deep:         var(--global-neutral-10);
    --surface-sunken-canvas:       var(--global-neutral-10);
    --surface-sunken-light:        var(--global-neutral-10);
    --surface-sunken-accent:       var(--global-neutral-10);
    --surface-muted:               var(--global-neutral-20);
    --surface-muted-alt:           var(--global-neutral-20);
    --surface-muted-deep:          var(--global-neutral-20);
    --surface-muted-neutral:       var(--global-neutral-20);
    --surface-muted-modal:         var(--global-neutral-20);
    --surface-muted-overlay:       var(--global-neutral-20);
    --surface-muted-page:          var(--global-neutral-20);
    --surface-muted-input:         var(--global-neutral-20);
    --surface-muted-invert:        var(--global-neutral-20);
    --surface-muted-secondary:     var(--global-neutral-20);
    --surface-active:              var(--global-neutral-30);
    --surface-tooltip:             var(--global-neutral-30);
    --surface-selected:            var(--global-neutral-40);
    --surface-disabled:            var(--global-neutral-40);
    --surface-neutral:             var(--global-neutral-70);
    --surface-accent:              var(--global-blue-5);
    --surface-accent-alt:          var(--global-blue-5);
    --surface-accent-page:         var(--global-blue-5);
    --surface-accent-raised:       var(--global-blue-5);
    --surface-accent-modal:        var(--global-blue-5);
    --surface-accent-elevated:     var(--global-blue-10);
    --surface-accent-info:         var(--global-blue-10);
    --surface-accent-header:       var(--global-blue-10);
    --surface-accent-soft:         #b1c6f5;
    --surface-info:                var(--global-cyan-10);
    --surface-info-overlay:        var(--global-cyan-10);
    --surface-info-deep:           var(--global-cyan-10);
    --surface-info-alt:            var(--global-blue-20);
    --surface-info-light:          #aaccff;
    --surface-highlight:           #ADD8E6;
    --surface-danger:              var(--global-red-5);
    --surface-danger-alt:          var(--global-red-5);
    --surface-danger-muted:        var(--global-red-10);
    --surface-danger-deep:         var(--global-red-10);
    --surface-success:             var(--global-green-10);
    --surface-warning:             #FFF0E6;
    --surface-warning-subtle:      #ffffd5;
    --surface-highlight-warm:      #ffffcc;
    --surface-yellow:              #f9f9ac;
    --surface-yellow-alt:          #F9F9AC;
    --surface-yellow-muted:        #FBEC88;
    --surface-yellow-strong:       #EAEA64;
    --surface-yellow-bright:       #E5E552;
    --surface-notice:              #FFFFB9;
    --surface-notice-detail:       #FFFFE1;
    --surface-cool:                #B5CCD6;
    --surface-blue:                #87bfe5;
    --surface-transparent:         transparent;
    --surface-canvas-invert:       var(--global-dark-0);

    /* --- Text --- */
    --text-primary:                var(--global-dark-100);
    --text-primary-muted:          var(--global-dark-100);
    --text-primary-soft:           var(--global-dark-100);
    --text-secondary:              var(--global-neutral-90);
    --text-secondary-muted:        var(--global-neutral-90);
    --text-secondary-invert:       var(--global-neutral-90);
    --text-heading:                var(--global-neutral-88);
    --text-heading-muted:          var(--global-neutral-88);
    --text-heading-soft:           var(--global-neutral-88);
    --text-heading-faded:          var(--global-neutral-88);
    --text-heading-strong:         var(--global-neutral-92);
    --text-heading-contrast:       var(--global-neutral-92);
    --text-near-black:             var(--global-neutral-95);
    --text-inverse:                var(--global-neutral-100);
    --text-inverse-muted:          var(--global-neutral-100);
    --text-inverse-alt:            var(--global-neutral-100);
    --text-inverse-deep:           var(--global-neutral-100);
    --text-muted:                  var(--global-neutral-90);
    --text-muted-subtle:           var(--global-white-80);
    --text-muted-cool:             #708090;
    --text-muted-mid:              var(--global-neutral-72);
    --text-muted-light:            var(--global-neutral-65);
    --text-muted-dark:             var(--global-neutral-65);
    --text-subtle:                 var(--global-neutral-80);
    --text-subtle-bright:          var(--global-neutral-80);
    --text-subtle-soft:            var(--global-neutral-80);
    --text-subtle-muted:           var(--global-neutral-80);
    --text-subtle-dark:            var(--global-neutral-80);
    --text-tertiary:               var(--global-neutral-70);
    --text-placeholder:            var(--global-neutral-70);
    --text-placeholder-soft:       var(--global-neutral-70);
    --text-placeholder-dark:       var(--global-neutral-70);
    --text-placeholder-deep:       var(--global-neutral-70);
    --text-caption:                var(--global-neutral-60);
    --text-caption-invert:         var(--global-neutral-60);
    --text-disabled:               var(--global-neutral-75);
    --text-disabled-muted:         var(--global-neutral-75);
    --text-disabled-bright:        var(--global-neutral-75);
    --text-disabled-faded:         var(--global-neutral-75);
    --text-disabled-light:         var(--global-neutral-75);
    --text-sunken:                 var(--global-neutral-10);
    --text-link:                   var(--global-blue-60);
    --text-link-alt:               var(--global-blue-60);
    --text-link-strong:            var(--global-cyan-60);
    --text-link-bright:            #005AFF;
    --text-link-pure:              #0000FF;
    --text-link-system:            #0078D7;
    --text-link-vivid:             #008FFF;
    --text-link-sky:               #0089FF;
    --text-link-dark:              #1d5987;
    --text-link-navy:              #11115e;
    --text-link-jquery:            #2e6e9e;
    --text-info:                   var(--global-blue-70);
    --text-info-alt:               var(--global-blue-80);
    --text-info-muted:             var(--global-blue-70);
    --text-danger:                 var(--global-red-100);
    --text-danger-alt:             var(--global-red-100);
    --text-danger-bright:          var(--global-red-100);
    --text-danger-vivid:           #FF5B5B;
    --text-danger-warm:            #c9362c;
    --text-success:                var(--global-green-80);
    --text-success-alt:            var(--global-green-50);
    --text-warning:                var(--global-orange-60);
    --text-warning-static:         var(--global-orange-70);
    --text-dark-invert:            var(--global-dark-7);
    --text-static-black:           var(--global-dark-100);
    --text-canvas-invert:          var(--global-dark-0);
    --text-inherit:                inherit;
    --text-white-on-dark:          var(--global-white-80);
    --text-white-invert:           var(--global-white-100);

    /* --- Border --- */
    --border-default:              var(--global-neutral-60);
    --border-default-strong:       var(--global-neutral-60);
    --border-default-alt:          var(--global-neutral-60);
    --border-default-faint:        var(--global-neutral-60);
    --border-subtle:               var(--global-white-80);
    --border-input:                var(--global-white-80);
    --border-contrast:             var(--global-white-80);
    --border-muted:                var(--global-neutral-40);
    --border-strong:               var(--global-neutral-40);
    --border-separator:            var(--global-neutral-40);
    --border-muted-deep:           var(--global-neutral-40);
    --border-muted-faint:          var(--global-neutral-40);
    --border-muted-base:           var(--global-neutral-40);
    --border-muted-mid:            var(--global-neutral-40);
    --border-muted-accent:         var(--global-neutral-40);
    --border-divider:              var(--global-neutral-60);
    --border-light:                var(--global-neutral-45);
    --border-secondary:            var(--global-neutral-45);
    --border-panel:                var(--global-neutral-45);
    --border-accent-alt:           var(--global-neutral-45);
    --border-focus:                var(--global-neutral-50);
    --border-medium:               var(--global-neutral-50);
    --border-soft:                 var(--global-neutral-30);
    --border-gentle:               var(--global-neutral-30);
    --border-faint:                var(--global-neutral-30);
    --border-raised:               var(--global-neutral-30);
    --border-soft-strong:          var(--global-neutral-30);
    --border-soft-muted:           var(--global-neutral-30);
    --border-soft-invert:          var(--global-neutral-30);
    --border-soft-accent:          var(--global-neutral-30);
    --border-neutral:              var(--global-neutral-60);
    --border-accent:               var(--global-neutral-60);
    --border-fade-out:             rgba(255, 255, 255, 0);
    --border-fade-in:              rgba(0, 0, 0, 0);
    --border-panel-deep:           var(--global-neutral-45);
    --border-contrast-mid:         var(--global-white-80);
    --border-navbar:               var(--global-neutral-60);

    /* --- Interactive --- */
    --interactive-select:          #5c9ccc;
    --interactive-highlight:       #5897fb;

    /* --- Shadow --- */
    --shadow-panel:                -1px 1px 2px 0 rgba(0, 0, 0, 0.1);
    --shadow-subtle:               none;
    --shadow-dropdown:             none;
    --shadow-card:                 5px 5px 10px #DDDDDD;
    --shadow-card-sm:              2px 2px 2px #ccc;
    --shadow-xs:                   1px 1px 1px #aaa;
    --shadow-overlay:              0px 4px 100px rgba(176, 178, 181, 0.5);
    --shadow-modal:                0px 10px 30px rgba(176, 178, 181, 0.2);
    --shadow-popup:                2px 2px 6px #C2C2C2;
    --shadow-widget:               1px 1px 4px rgba(0, 0, 0, 0.2);
    --shadow-switch:               1px 1px 3px #ccc;
    --shadow-card-alt:             2px 2px 5px #ccc;
    --shadow-button:               0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-menu:                 2px 2px 3px #ccc;
    --shadow-bar:                  -1px 1px 2px 0 #CCCCCC;
    --shadow-heavy:                0 4px 8px #888888;
    --shadow-heavy-alt:            0 4px 8px #888888;
    --shadow-inset:                1px 1px 0 #ccc inset;
    --shadow-glow:                 0 0 30px 0 rgba(0,0,0,.15);
    --shadow-card-soft:            2px 2px 5px #ddd;
    --shadow-nav-menu:             0px 4px 25px rgba(176,178,181,0.25);

    /* --- Background --- */
    --bg-topbar:                   url("/images/topbar.png") repeat-x;
    --bg-topbar-v:                 url("/images/topbar.png") repeat-x;
    --bg-table-header:             url("/images/table_header_gradient_1.png");
    --bg-section:                  url("/images/bgtop.png");
    --bg-header:                   url("/images/header.png");
    --bg-menubar:                  url("/images/menubar.png");
    --bg-gradient-bar:             url("/images/grb.jpg") repeat-x;
    --bg-light-gradient:           linear-gradient(to bottom, rgba(248,248,248,1) 0%, rgba(233,233,233,1) 100%);
    --bg-box-header:               url("/images/boxb.png") repeat-x;
    --bg-tab-selected:             url("/images/tabbackw.png");
    --bg-tab-unselected:           url("/images/tabback.png");
    --bg-topbar-deep:              url("/images/topbar.png") repeat-x;
    --bg-section-deep:             url("/images/bgtop.png");

    /* --- Border --- */
    --border-hairline:             var(--global-neutral-10);
    --border-bar:                  var(--global-neutral-60);
    --border-bar-mid:              var(--global-neutral-60);
    --border-ticker:               var(--global-white-80);
    --border-ticker-light:         var(--global-neutral-10);
    --border-header:               var(--global-neutral-45);
    --border-tab-bottom:           var(--global-white-100);

    /* --- Filter --- */
    --icon-filter:                 none;
    --icon-filter-soft:            none;

    /* --- Misc --- */
    --color-scheme:                normal;
}

[data-theme="dark"] {
    /* --- Surface --- */
    --surface-page:                var(--global-dark-7);
    --surface-raised:              var(--global-dark-30);
    --surface-overlay:             var(--global-dark-50);
    --surface-input:               var(--global-dark-5);
    --surface-canvas:              var(--global-dark-0);
    --surface-secondary:           var(--global-dark-20);
    --surface-tertiary:            var(--global-dark-10);
    --surface-modal:               var(--global-dark-40);
    --surface-invert:              var(--global-dark-100);
    --surface-raised-alt:          var(--global-dark-60);
    --surface-page-soft:           var(--global-white-60);
    --surface-page-dark:           var(--global-neutral-90);
    --surface-page-muted:          var(--global-neutral-70);
    --surface-page-subtle:         var(--global-neutral-65);
    --surface-contrast:            var(--global-neutral-20);
    --surface-ticket-note:         #262618;
    --surface-sunken:              var(--global-dark-30);
    --surface-sunken-alt:          var(--global-dark-50);
    --surface-hover:               var(--global-dark-10);
    --surface-dimmed:              var(--global-dark-20);
    --surface-header:              var(--global-dark-40);
    --surface-sidebar:             var(--global-dark-7);
    --surface-header-fixed:        var(--global-neutral-85);
    --surface-sunken-input:        var(--global-dark-5);
    --surface-sunken-deep:         var(--global-dark-25);
    --surface-sunken-canvas:       var(--global-dark-0);
    --surface-sunken-light:        var(--global-white-60);
    --surface-sunken-accent:       var(--global-blue-30);
    --surface-muted:               var(--global-dark-30);
    --surface-muted-alt:           var(--global-dark-10);
    --surface-muted-deep:          var(--global-dark-25);
    --surface-muted-neutral:       var(--global-neutral-60);
    --surface-muted-modal:         var(--global-dark-40);
    --surface-muted-overlay:       var(--global-dark-50);
    --surface-muted-page:          var(--global-dark-7);
    --surface-muted-input:         var(--global-dark-5);
    --surface-muted-invert:        var(--global-neutral-100);
    --surface-muted-secondary:     var(--global-dark-20);
    --surface-active:              var(--global-dark-30);
    --surface-tooltip:             var(--global-dark-50);
    --surface-selected:            var(--global-dark-40);
    --surface-disabled:            var(--global-dark-30);
    --surface-neutral:             var(--global-dark-50);
    --surface-accent:              var(--global-dark-5);
    --surface-accent-alt:          var(--global-dark-50);
    --surface-accent-page:         var(--global-dark-7);
    --surface-accent-raised:       var(--global-dark-30);
    --surface-accent-modal:        var(--global-dark-40);
    --surface-accent-elevated:     var(--global-dark-60);
    --surface-accent-info:         var(--global-blue-40);
    --surface-accent-header:       var(--global-dark-40);
    --surface-accent-soft:         var(--global-blue-40);
    --surface-info:                var(--global-blue-40);
    --surface-info-overlay:        var(--global-dark-50);
    --surface-info-deep:           var(--global-blue-30);
    --surface-info-alt:            var(--global-blue-30);
    --surface-info-light:          var(--global-dark-20);
    --surface-highlight:           var(--global-dark-50);
    --surface-danger:              var(--global-bordeaux);
    --surface-danger-alt:          #705757;
    --surface-danger-muted:        var(--global-neutral-80);
    --surface-danger-deep:         var(--global-bordeaux);
    --surface-success:             var(--global-green-90);
    --surface-warning:             var(--global-dark-50);
    --surface-warning-subtle:      #cccc88;
    --surface-highlight-warm:      var(--global-dark-50);
    --surface-yellow:              #4c4c30;
    --surface-yellow-alt:          #3d3d27;
    --surface-yellow-muted:        var(--global-dark-40);
    --surface-yellow-strong:       #4c4c30;
    --surface-yellow-bright:       #4c4c30;
    --surface-notice:              #3d3d27;
    --surface-notice-detail:       #3a3a33;
    --surface-cool:                var(--global-neutral-80);
    --surface-blue:                var(--global-blue-30);
    --surface-transparent:         var(--global-dark-50);
    --surface-canvas-invert:       var(--global-neutral-10);

    /* --- Text --- */
    --text-primary:                var(--global-white-100);
    --text-primary-muted:          var(--global-white-80);
    --text-primary-soft:           var(--global-white-60);
    --text-secondary:              var(--global-white-100);
    --text-secondary-muted:        var(--global-white-60);
    --text-secondary-invert:       var(--global-dark-10);
    --text-heading:                var(--global-white-100);
    --text-heading-muted:          var(--global-white-80);
    --text-heading-soft:           var(--global-white-60);
    --text-heading-faded:          var(--global-neutral-40);
    --text-heading-strong:         var(--global-dark-100);
    --text-heading-contrast:       var(--global-white-80);
    --text-near-black:             var(--global-neutral-40);
    --text-inverse:                var(--global-white-100);
    --text-inverse-muted:          var(--global-white-80);
    --text-inverse-alt:            var(--global-neutral-40);
    --text-inverse-deep:           var(--global-dark-30);
    --text-muted:                  var(--global-neutral-40);
    --text-muted-subtle:           var(--global-neutral-70);
    --text-muted-cool:             var(--global-neutral-60);
    --text-muted-mid:              var(--global-white-80);
    --text-muted-light:            var(--global-dark-50);
    --text-muted-dark:             var(--global-dark-40);
    --text-subtle:                 var(--global-white-80);
    --text-subtle-bright:          var(--global-white-100);
    --text-subtle-soft:            var(--global-white-60);
    --text-subtle-muted:           var(--global-neutral-40);
    --text-subtle-dark:            var(--global-dark-50);
    --text-tertiary:               var(--global-white-100);
    --text-placeholder:            var(--global-neutral-60);
    --text-placeholder-soft:       var(--global-white-60);
    --text-placeholder-dark:       var(--global-dark-40);
    --text-placeholder-deep:       var(--global-dark-20);
    --text-caption:                var(--global-neutral-40);
    --text-caption-invert:         var(--global-neutral-40);
    --text-disabled:               var(--global-neutral-50);
    --text-disabled-muted:         var(--global-white-80);
    --text-disabled-bright:        var(--global-white-100);
    --text-disabled-faded:         var(--global-neutral-40);
    --text-disabled-light:         var(--global-neutral-20);
    --text-sunken:                 var(--global-white-60);
    --text-link:                   var(--global-cyan-40);
    --text-link-alt:               var(--global-cyan-50);
    --text-link-strong:            var(--global-cyan-20);
    --text-link-bright:            var(--global-cyan-20);
    --text-link-pure:              var(--global-cyan-20);
    --text-link-system:            var(--global-cyan-30);
    --text-link-vivid:             var(--global-cyan-30);
    --text-link-sky:               var(--global-white-100);
    --text-link-dark:              var(--global-white-100);
    --text-link-navy:              var(--global-white-80);
    --text-link-jquery:            var(--global-white-100);
    --text-info:                   var(--global-blue-80);
    --text-info-alt:               var(--global-blue-30);
    --text-info-muted:             var(--global-white-80);
    --text-danger:                 var(--global-red-90);
    --text-danger-alt:             var(--global-red-50-base);
    --text-danger-bright:          #ff4444;
    --text-danger-vivid:           var(--global-red-90);
    --text-danger-warm:            #F87B72;
    --text-success:                var(--global-green-50);
    --text-success-alt:            #30825f;
    --text-warning:                var(--global-white-100);
    --text-warning-static:         var(--global-orange-70);
    --text-dark-invert:            var(--global-neutral-40);
    --text-static-black:           var(--global-dark-100);
    --text-canvas-invert:          var(--global-white-100);
    --text-inherit:                var(--global-white-80);
    --text-white-on-dark:          var(--global-dark-50);
    --text-white-invert:           var(--global-dark-100);

    /* --- Border --- */
    --border-default:              var(--global-dark-40);
    --border-default-strong:       var(--global-neutral-85);
    --border-default-alt:          var(--global-neutral-80);
    --border-default-faint:        var(--global-dark-10);
    --border-subtle:               var(--global-dark-50);
    --border-input:                var(--global-dark-40);
    --border-contrast:             var(--global-neutral-80);
    --border-muted:                var(--global-dark-40);
    --border-strong:               var(--global-dark-50);
    --border-separator:            var(--global-neutral-80);
    --border-muted-deep:           var(--global-dark-20);
    --border-muted-faint:          var(--global-dark-10);
    --border-muted-base:           var(--global-dark-0);
    --border-muted-mid:            var(--global-dark-25);
    --border-muted-accent:         var(--global-blue-30);
    --border-divider:              var(--global-dark-50);
    --border-light:                var(--global-dark-50);
    --border-secondary:            var(--global-dark-40);
    --border-panel:                var(--global-neutral-80);
    --border-accent-alt:           var(--global-blue-50);
    --border-focus:                var(--global-dark-40);
    --border-medium:               var(--global-dark-50);
    --border-soft:                 var(--global-dark-40);
    --border-gentle:               var(--global-dark-20);
    --border-faint:                var(--global-dark-10);
    --border-raised:               var(--global-neutral-80);
    --border-soft-strong:          var(--global-neutral-95);
    --border-soft-muted:           var(--global-neutral-60);
    --border-soft-invert:          var(--global-neutral-100);
    --border-soft-accent:          var(--global-blue-40);
    --border-neutral:              var(--global-neutral-70);
    --border-accent:               var(--global-blue-30);
    --border-fade-out:             rgba(0, 0, 0, 0);
    --border-fade-in:              rgba(255, 255, 255, 0);
    --border-panel-deep:           var(--global-blue-50);
    --border-contrast-mid:         var(--global-neutral-70);
    --border-navbar:               #3e3d3c;

    /* --- Interactive --- */
    --interactive-select:          var(--global-dark-7);
    --interactive-highlight:       var(--global-dark-40);

    /* --- Shadow --- */
    --shadow-panel:                -1px 1px 2px 0 rgba(0, 0, 0, 0.4);
    --shadow-subtle:               2px 2px 3px var(--global-dark-30);
    --shadow-dropdown:             0 4px 8px var(--global-dark-40);
    --shadow-card:                 none;
    --shadow-card-sm:              none;
    --shadow-xs:                   none;
    --shadow-overlay:              0px 4px 100px var(--global-dark-40);
    --shadow-modal:                none;
    --shadow-popup:                2px 2px 6px var(--global-dark-10);
    --shadow-widget:               1px 1px 4px var(--global-dark-20);
    --shadow-switch:               none;
    --shadow-card-alt:             2px 2px 5px var(--global-dark-40);
    --shadow-button:               none;
    --shadow-menu:                 2px 2px 3px var(--global-dark-30);
    --shadow-bar:                  -1px 1px 2px 0 var(--global-neutral-80);
    --shadow-heavy:                0 4px 8px var(--global-dark-40);
    --shadow-heavy-alt:            0 4px 8px var(--global-neutral-80);
    --shadow-inset:                1px 1px 0 var(--global-dark-40) inset;
    --shadow-glow:                 0 0 30px 0 var(--global-dark-40);
    --shadow-card-soft:            2px 2px 5px var(--global-dark-40);
    --shadow-nav-menu:             0px 4px 25px var(--global-dark-10);

    /* --- Background --- */
    --bg-topbar:                   linear-gradient(to left, var(--global-dark-30) 0%, var(--global-dark-20) 100%);
    --bg-topbar-v:                 linear-gradient(to bottom, var(--global-dark-10) 0%, var(--global-dark-20) 100%);
    --bg-table-header:             linear-gradient(to bottom, var(--global-dark-10) 0%, var(--global-dark-20) 100%);
    --bg-section:                  linear-gradient(to bottom, var(--global-dark-10) 0%, var(--global-dark-30) 100%);
    --bg-header:                   linear-gradient(to bottom, var(--global-dark-20) 0%, var(--global-dark-0) 100%);
    --bg-menubar:                  var(--global-dark-0);
    --bg-gradient-bar:             var(--global-dark-5);
    --bg-light-gradient:           linear-gradient(to bottom, var(--global-dark-10) 0%, var(--global-dark-20) 100%);
    --bg-box-header:               var(--global-dark-20);
    --bg-tab-selected:             var(--global-dark-7);
    --bg-tab-unselected:           var(--global-dark-20);
    --bg-topbar-deep:              linear-gradient(to bottom, var(--global-dark-20) 0%, var(--global-dark-0) 100%);
    --bg-section-deep:             linear-gradient(to bottom, var(--global-dark-20) 0%, var(--global-dark-0) 100%);

    /* --- Border --- */
    --border-hairline:             var(--global-dark-10);
    --border-bar:                  var(--global-dark-30);
    --border-bar-mid:              var(--global-dark-40);
    --border-ticker:               var(--global-dark-20);
    --border-ticker-light:         var(--global-dark-5);
    --border-header:               var(--global-dark-40);
    --border-tab-bottom:           var(--global-dark-40);

    /* --- Filter --- */
    --icon-filter:                 invert(1);
    --icon-filter-soft:            invert(0.8);

    /* --- Misc --- */
    --color-scheme:                dark;
}

/* ***** Fonts ***** */

@font-face {
    font-family: Inter;
    src: local(Inter-Regular), url(/fonts/Inter-Regular.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: Inter;
    src: local(Inter-SemiBold), url(/fonts/Inter-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
}