/*
**  rui-pacific.js
**
**  CSS variable overrides for the Pacific theme
*/

/* --rui---rui---rui---rui-- LIGHT MODE --rui---rui---rui---rui-- */

:root {
    --rui-accent: #085ce5;

    --rui-body-bg: #ffffff;
    --rui-body-bg-with-display-blocks: #f5f8ff;

    --rui-box-shadow: #000;
    --rui-box-shadow-dialog-box: 5px 5px 15px rgba(0, 0, 0, 0.5);
    --rui-box-shadow-display-block: 1px 1px 1px rgba(0, 0, 0, 0.11);
    --rui-box-shadow-floating-toolbar: 0px 0px 12px rgb(0, 0, 0, 0.2);
    --rui-box-shadow-form-control: none;
    --rui-box-shadow-header: 0px 1px 4px rgba(0, 0, 0, 0.5);
    --rui-box-shadow-menu-header: 0 4px 8px -3px rgba(0, 0, 0, 0.5);
    --rui-box-shadow-menu-nav: 4px 0 8px -3px rgba(0, 0, 0, 0.5);
    --rui-box-shadow-popup: 3px 3px 12px rgba(0, 0, 0, .1);

    --rui-busy-indicator-backdrop: rgba(255, 255, 255, .8);

    --rui-content-primary-bg: #fff;
    --rui-content-secondary-bg: #eaecf1;

    --rui-font-family: "Noto Sans", Roboto, Arial, -apple-system, system-ui, sans-serif;
    --rui-font-family-chrome: Gellix, "Noto Sans", Roboto, Arial, -apple-system, system-ui, sans-serif;
    --rui-font-size: 13px;
    --rui-font-weight: 400;
    --rui-line-height: 20px;

    --rui-function-title: #06185f;

    --rui-text-regular: #09175b;
    --rui-text-bright: #203660;
    --rui-text-error: #e13329;
    --rui-text-help: rgba(24, 24, 48, 0.5);
    --rui-text-highlight: #ffffcd;
    --rui-text-disabled: #999;

    --rui-list-item-hovered-bg: #e5e8eb;
    --rui-list-item-hovered-fg: var(--rui-text-regular);
    --rui-list-item-selected-bg: #dce8f4;
    --rui-list-item-selected-fg: var(--rui-text-regular);

    --rui-back-to-top-bg: rgba(255, 255, 255, 0.5);
    --rui-back-to-top-border: #D9D9D9;

    --rui-breadcrumb: var(--rui-function-title);
    --rui-breadcrumb-separator: rgba(60, 92, 114, 0.7);
    --rui-breadcrumb-display-block: var(--rui-accent);
    --rui-breadcrumb-separator-display-block: var(--rui-text-regular);

    --rui-btn-badge-border-radius: 10px;
    --rui-btn-badge-border-style: solid;
    --rui-btn-badge-border-width: 1px;
    --rui-btn-badge-font-size: 12px;
    --rui-btn-badge-font-weight: 700;
    --rui-btn-badge-line-height: 1;
    --rui-btn-badge-min-width: 10px;
    --rui-btn-badge-padding: 2px 6px 4px 6px;
    --rui-btn-badge-right: -12px;
    --rui-btn-badge-top: -10px;
    --rui-btn-badge-bg-primary: #085ce5;
    --rui-btn-badge-bg-secondary: #085ce5;
    --rui-btn-badge-bg-destructive: #e13329;
    --rui-btn-badge-fg-primary: #ffffff;
    --rui-btn-badge-fg-secondary: #ffffff;
    --rui-btn-badge-fg-destructive: #ffffff;
    
    --rui-busy-indicator: #0e436d;

    --rui-btn-border-radius: 16px;
    --rui-btn-border-style: solid;
    --rui-btn-border-width: 1px;
    --rui-btn-box-shadow: none;
    --rui-btn-font-size-md: 13px;
    --rui-btn-font-size-sm: 12px;
    --rui-btn-font-weight: 500;
    --rui-btn-line-height-md: 1.42857143;
    --rui-btn-line-height-sm: 1.5;
    --rui-btn-padding-md: 5px 11px;
    --rui-btn-padding-sm: 4px 9px;

    --rui-btn-primary-bg: #085ce5;
    --rui-btn-primary-bg-active: #053480;
    --rui-btn-primary-bg-disabled: #e9e9e9;
    --rui-btn-primary-bg-disabled-active: #d3d3d3;
    --rui-btn-primary-bg-hover: #0648b1;
    --rui-btn-primary-border: #085ce5;
    --rui-btn-primary-border-disabled: #cdcdcd;
    --rui-btn-primary-fg: #fff;
    --rui-btn-primary-fg-disabled: #999;
    --rui-btn-primary-fg-hover: #fff;

    --rui-btn-secondary-bg: #ffffff;
    --rui-btn-secondary-bg-active: #d1daff;
    --rui-btn-secondary-bg-disabled: var(--rui-btn-primary-bg-disabled);
    --rui-btn-secondary-bg-disabled-active: var(--rui-btn-primary-bg-disabled-active);
    --rui-btn-secondary-bg-hover: #e8edff;
    --rui-btn-secondary-border: #aec8f5;
    --rui-btn-secondary-border-disabled: #cdcdcd;
    --rui-btn-secondary-fg: #085ce5;
    --rui-btn-secondary-fg-disabled: var(--rui-btn-primary-fg-disabled);
    --rui-btn-secondary-fg-hover: #2f648f;

    --rui-btn-destructive-bg: #ffffff;
    --rui-btn-destructive-bg-active: #f7d9d9;
    --rui-btn-destructive-bg-disabled: var(--rui-btn-primary-bg-disabled);
    --rui-btn-destructive-bg-hover: #f9e5e5;
    --rui-btn-destructive-border: #e13329;
    --rui-btn-destructive-fg: #e13329;
    --rui-btn-destructive-fg-hover: #c0241b;
    --rui-btn-destructive-border-disabled: #cdcdcd;
    --rui-btn-destructive-fg-disabled: var(--rui-btn-primary-fg-disabled);

    --rui-btn-light-bg: transparent;
    --rui-btn-light-bg-hover: #dde;
    --rui-btn-light-fg: #556;
    --rui-btn-light-fg-hover: #556;

    --rui-btn-misc-bg: #e0e7ff;
    --rui-btn-misc-bg-hover: #ccd8ff;
    --rui-btn-misc-fg: #326b99;
    --rui-btn-misc-fg-hover: var(--rui-btn-primary-bg);
    --rui-btn-misc-bg-disabled: #e6e6e6;
    --rui-btn-misc-fg-disabled: var(--rui-text-regular);

    --rui-btn-toggle-bg-off: transparent;
    --rui-btn-toggle-bg-off-hover: #26323b;
    --rui-btn-toggle-bg-on: #ccdfff;
    --rui-btn-toggle-bg-on-hover: #b3cfff;
    --rui-btn-toggle-fg: #09175b;

    --rui-btn-bg-disabled-active: #d3d3d3;
    --rui-btn-fg-disabled-active: #fff;

    --rui-chart-data-series-color-1: #78a9cc;
    --rui-chart-data-series-translucent-color-1: #78a9ccaa;
    --rui-chart-data-series-color-2: #91e3db;
    --rui-chart-data-series-translucent-color-2: #91e3dbaa;
    --rui-chart-data-series-color-3: #b0c581;
    --rui-chart-data-series-translucent-color-3: #b0c581aa;
    --rui-chart-data-series-color-4: #bfacd2;
    --rui-chart-data-series-translucent-color-4: #bfacd2aa;
    --rui-chart-data-series-color-5: #6f7ca5;
    --rui-chart-data-series-translucent-color-5: #6f7ca5aa;
    --rui-chart-data-series-color-6: #d2c0ad;
    --rui-chart-data-series-translucent-color-6: #d2c0adaa;
    --rui-chart-data-series-color-7: #dfd690;
    --rui-chart-data-series-translucent-color-7: #dfd690aa;
    --rui-chart-data-series-color-8: #dcb2b2;
    --rui-chart-data-series-translucent-color-8: #dcb2b2aa;
    --rui-chart-data-series-color-9: #e7adec;
    --rui-chart-data-series-translucent-color-9: #e7adecaa;
    --rui-chart-data-series-color-10: #bbbbbb;
    --rui-chart-data-series-translucent-color-10: #bbbbbbaa;
    --rui-chart-grid-color: rgba(24, 24, 48, 0.1);

    --rui-display-block-bg: white;
    --rui-display-block-border-color: #f0f3ff;
    --rui-display-block-border-radius: 8px;
    --rui-display-block-border-width: 1px;
    --rui-display-block-padding: 17px;
    --rui-display-block-subtitle-opacity: 0.66;
    --rui-display-block-title-size: 18px;
    
    --rui-fixed-layout-gap-size: 12px;
    
    --rui-function-view-padding: 15px;
    --rui-function-view-title-size: 26px;

    --rui-form-disabled-bg: #eee;
    --rui-form-disabled-fg: #999;
    --rui-form-required-field: #f81;

    --rui-grid-btn-fg-disabled: #ccc;

    --rui-group-box-bg: #f3f6fe;
    --rui-group-box-subtitle-opacity: 0.66;

    --rui-icon-dropdown-arrow: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512' fill='%23181830'><path d='M256 377.6l-201.6-201.6 28.8-28.8 172.8 172.8 172.8-172.8 28.8 28.8z'></path></svg>");
    --rui-icon-close-search: url("data:image/svg+xml;charset=UTF-8,<svg viewPort='0 0 10 10' version='1.1' xmlns='http://www.w3.org/2000/svg'><line x1='1' y1='9' x2='9' y2='1' stroke='%23181830' stroke-width='1'/><line x1='1' y1='1' x2='9' y2='9' stroke='%23181830' stroke-width='1'/></svg>");

    --rui-image-filter: none;

    --rui-line: #e0e8f5;
    --rui-line-heavy: #bbc4cb;

    --rui-main-header-bg: #203660;
    --rui-main-header-bg-hover: rgba(238, 238, 238, 0.2);
    --rui-main-header-border-bottom: none;
    --rui-main-header-fg: #eee;
    --rui-main-header-height: 50px;

    --rui-main-nav-bg: #f0f3ff;
    --rui-main-nav-bg-active: #1d384e;
    --rui-main-nav-fg-active: #085ce5;
    --rui-main-nav-border: none;
    --rui-main-nav-fg-inactive: #06185f;
    --rui-main-nav-separator: #2036601a;
    --rui-main-nav-width-collapsed: 50px;
    --rui-main-nav-width-expanded: 230px;

    --rui-modal-backdrop: rgba(0, 0, 0, 0.4);
    --rui-modal-border: 1px solid #4676c3;

    --rui-notification-error-accent: #dc796a;
    --rui-notification-error-bg: #fde1df;
    --rui-notification-error-border: transparent;
    --rui-notification-error-close-btn: rgba(102, 102, 102, 0.5);
    --rui-notification-error-fg: #666;
    --rui-notification-info-accent: #5b8adc;
    --rui-notification-info-bg: #ebf2ff;
    --rui-notification-info-border: transparent;
    --rui-notification-info-close-btn: rgba(102, 102, 102, 0.5);
    --rui-notification-info-fg: #666;
    --rui-notification-success-accent: #79b47a;
    --rui-notification-success-bg: #e0f1e0;
    --rui-notification-success-border: transparent;
    --rui-notification-success-close-btn: rgba(102, 102, 102, 0.5);
    --rui-notification-success-fg: #666;
    --rui-notification-warning-accent: #dbaa24;
    --rui-notification-warning-bg: #f8edd8;
    --rui-notification-warning-border: transparent;
    --rui-notification-warning-close-btn: rgba(102, 102, 102, 0.5);
    --rui-notification-warning-fg: #666;

    --rui-outline-offset-anchor: 0;
    --rui-outline-offset-btn: 0;
    --rui-outline-style: solid;
    --rui-outline-width: 1px;
    
    --rui-password-strength-meter-strong-bg: #5cb85c;
    --rui-password-strength-meter-medium-bg: #f0ad4e;
    --rui-password-strength-meter-weak-bg: #d9534f;
    --rui-password-strength-meter-text-shadow: none;

    --rui-percentage-circle-data-active: #085ce5;
    --rui-percentage-circle-data-inactive: #ccc;
    --rui-percentage-circle-data-bg: #f4f4f4;

    --rui-popup-bg: #fff;
    --rui-popup-border: #ddd;
    --rui-popup-border-radius: 4px;
    --rui-popup-fg: #181830;
    --rui-popup-content-bg: #fff;
    --rui-popup-content-border: #ddd;
    --rui-popup-content-fg: #181830;
    --rui-popup-header-separator: rgba(255, 255, 255, 0.2);
    --rui-popup-menu-option-padding: 3px 20px;
    --rui-popup-menu-separator: #dbe4eb;

    --rui-scrollbar-thumb: rgba(0, 0, 0, 0.1);
    --rui-scrollbar-track: transparent;

    --rui-search-box-bg: #3e5174;
    --rui-search-box-border: none;
    --rui-search-box-box-shadow: none;
    --rui-search-box-button-bg: transparent;
    --rui-search-box-button-bg-hover: var(--rui-search-box-bg);
    --rui-search-box-button-fg: rgba(238, 238, 238, .7);
    --rui-search-box-button-fg-hover: var(--rui-main-header-fg);
    --rui-search-box-fg: rgba(238, 238, 238, .75);
    --rui-search-box-watermark: rgba(238, 238, 238, .5);

    --rui-slider-track: var(--rui-content-secondary-bg);
    --rui-slider-thumb: var(--rui-btn-primary-bg);
    --rui-slider-thumb-focused: var(--rui-btn-primary-bg-hover);

    --rui-slide-up-bg: rgba(34, 34, 34, 0.85);

    --rui-splitter-bg: #eee;

    --rui-table-footer-bg: #f0f3ff;
    --rui-table-header-bg: #f0f3ff;
    --rui-table-stripe-bg: #f0f3ff;
    --rui-table-stripe-fg: var(--rui-text-regular);
    --rui-table-row-border: #ebf0f4;

    --rui-tile-alt1-bg: #1851b4;
    --rui-tile-alt1-bg-hover: #134190;
    --rui-tile-alt1-fg: #fff;
    --rui-tile-alt2-bg: #103575;
    --rui-tile-alt2-bg-hover: #0b2551;
    --rui-tile-alt2-fg: #fff;
    --rui-tile-alt3-bg: #071836;
    --rui-tile-alt3-bg-hover: #020812;
    --rui-tile-alt3-fg: #fff;
    --rui-tile-highlighted-bg: #fa0;
    --rui-tile-highlighted-bg-hover: #d99523;
    --rui-tile-highlighted-fg: #333;

    --rui-toast-bg: #222;
    --rui-toast-close-button-border: rgba(255, 255, 255, 0.25);
    --rui-toast-close-button-fg: rgba(255, 255, 255, 0.75);
    --rui-toast-fg: #fff;

    --rui-toggle-thumb-bg: #fff;
    --rui-toggle-track-border: #ddd;

    --rui-toolbar-floating-bg: #f0f3ffee;
    --rui-toolbar-function-bg: transparent;
    --rui-toolbar-separator-bg-function: #95a9b7;

    --rui-well-bg: #f0f3ff;
    --rui-well-border: transparent;
}


/* --rui---rui---rui---rui-- DARK MODE --rui---rui---rui---rui-- */

@media (prefers-color-scheme: dark) {
    :root:not(.light) {
        color-scheme: dark;

        --rui-accent: #84b1ff;
    
        --rui-body-bg: #141a1f;
        --rui-body-bg-with-display-blocks: #0e1216;
        
        --rui-box-shadow: #000;
        --rui-box-shadow-dialog-box: 5px 5px 15px rgba(0, 0, 0, 1);
        --rui-box-shadow-display-block: 1px 1px 1px #000306;
        --rui-box-shadow-floating-toolbar: 0px 0px 12px rgb(0, 0, 0, 0.2);
        --rui-box-shadow-form-control: inset 0 1px 1px rgba(0, 0, 0, .075);
        --rui-box-shadow-header: 0px 1px 2px rgba(0, 0, 0, 0.3);
        --rui-box-shadow-menu-header: 0 4px 8px -3px rgb(0, 0, 0, 0.2);
        --rui-box-shadow-menu-nav: 4px 0 8px -3px rgb(0, 0, 0, 0.2);
        --rui-box-shadow-popup: 3px 3px 12px rgba(0, 0, 0, .2);
    
        --rui-busy-indicator-backdrop: rgba(46, 50, 54, .8);
        
        --rui-content-primary-bg: #141a1f;
        --rui-content-secondary-bg: #2c3944;
        
        --rui-font-family: "Noto Sans", Roboto, Arial, -apple-system, system-ui, sans-serif;
        --rui-font-family-chrome: Gellix, "Noto Sans", Roboto, Arial, -apple-system, system-ui, sans-serif;
        --rui-font-size: 13px;
        --rui-font-weight: 400;
        --rui-line-height: 20px;
    
        --rui-function-title: #84b1ff;
        
        --rui-text-regular: #e6e6e6;
        --rui-text-bright: #c2d2ef;
        --rui-text-error: #ff6868;
        --rui-text-help: rgba(240, 242, 255, 0.5);
        --rui-text-highlight: #ffffbb25;
        --rui-text-disabled: #999;
        
        --rui-list-item-hovered-bg: #26323b;
        --rui-list-item-hovered-fg: var(--rui-text-regular);
        --rui-list-item-selected-bg: #303f4b;
        --rui-list-item-selected-fg: var(--rui-text-regular);
        
        --rui-back-to-top-bg: rgba(0, 0, 0, 0.5);
        --rui-back-to-top-border: #444444;

        --rui-breadcrumb: var(--rui-function-title);
        --rui-breadcrumb-separator: rgba(238, 238, 238, .7);
        --rui-breadcrumb-display-block: var(--rui-accent);
        --rui-breadcrumb-separator-display-block: var(--rui-text-regular);
        
        --rui-btn-badge-border-radius: 10px;
        --rui-btn-badge-border-style: solid;
        --rui-btn-badge-border-width: 1px;
        --rui-btn-badge-font-size: 12px;
        --rui-btn-badge-font-weight: 700;
        --rui-btn-badge-line-height: 1;
        --rui-btn-badge-min-width: 10px;
        --rui-btn-badge-padding: 2px 6px 4px 6px;
        --rui-btn-badge-right: -12px;
        --rui-btn-badge-top: -10px;
        --rui-btn-badge-bg-primary: #d6e5ff;
        --rui-btn-badge-bg-secondary: #d6e5ff;
        --rui-btn-badge-bg-destructive: #e13329;
        --rui-btn-badge-fg-primary: #000000;
        --rui-btn-badge-fg-secondary: #000000;
        --rui-btn-badge-fg-destructive: #000000;
    
        --rui-busy-indicator: #fff;
        
        --rui-btn-border-radius: 16px;
        --rui-btn-border-style: solid;
        --rui-btn-border-width: 1px;
        --rui-btn-box-shadow: none;
        --rui-btn-font-size-md: 13px;
        --rui-btn-font-size-sm: 12px;
        --rui-btn-font-weight: 500;
        --rui-btn-line-height-md: 1.42857143;
        --rui-btn-line-height-sm: 1.5;
        --rui-btn-padding-md: 5px 11px;
        --rui-btn-padding-sm: 4px 9px;
    
        --rui-btn-primary-bg: #2b64bf;
        --rui-btn-primary-bg-active: #05347f;
        --rui-btn-primary-bg-disabled: #42454F;
        --rui-btn-primary-bg-disabled-active: #2e3036;
        --rui-btn-primary-bg-hover: #224e96;
        --rui-btn-primary-border: #2b64bf;
        --rui-btn-primary-border-disabled: var(--rui-btn-primary-bg-disabled);
        --rui-btn-primary-fg: #fff;
        --rui-btn-primary-fg-disabled: #99a;
        --rui-btn-primary-fg-hover: #fff;

        --rui-btn-secondary-bg: #141a1f;
        --rui-btn-secondary-bg-active: #11181c;
        --rui-btn-secondary-bg-disabled: var(--rui-btn-primary-bg-disabled);
        --rui-btn-secondary-bg-disabled-active: var(--rui-btn-primary-bg-disabled-active);
        --rui-btn-secondary-bg-hover: #26323b;
        --rui-btn-secondary-border: #4e5763;
        --rui-btn-secondary-border-disabled: var(--rui-btn-primary-bg-disabled);
        --rui-btn-secondary-fg: #e6e6e6;
        --rui-btn-secondary-fg-disabled: var(--rui-btn-primary-fg-disabled);
        --rui-btn-secondary-fg-hover: #e6e6e6;

        --rui-btn-destructive-bg: #141a1f;
        --rui-btn-destructive-bg-active: #211312;
        --rui-btn-destructive-bg-disabled: var(--rui-btn-primary-bg-disabled);
        --rui-btn-destructive-bg-hover: #302122;
        --rui-btn-destructive-border: #673837;
        --rui-btn-destructive-fg: #bc534e;
        --rui-btn-destructive-fg-hover: #bc534e;
        --rui-btn-destructive-border-disabled: var(--rui-btn-primary-bg-disabled);
        --rui-btn-destructive-fg-disabled: var(--rui-btn-primary-fg-disabled);

        --rui-btn-light-bg: transparent;
        --rui-btn-light-bg-hover: #5c5f70;
        --rui-btn-light-fg: #eee;
        --rui-btn-light-fg-hover: #eee;
        
        --rui-btn-misc-bg: var(--rui-btn-primary-bg);
        --rui-btn-misc-bg-hover: var(--rui-btn-primary-bg-hover);
        --rui-btn-misc-fg: var(--rui-btn-secondary-fg);
        --rui-btn-misc-fg-hover: var(--rui-btn-secondary-fg-hover);
        --rui-btn-misc-bg-disabled: #5a5a64;
        --rui-btn-misc-fg-disabled: var(--rui-text-regular);
        
        --rui-btn-toggle-bg-off: transparent;
        --rui-btn-toggle-bg-off-hover: #26323b;
        --rui-btn-toggle-bg-on: #50607c;
        --rui-btn-toggle-bg-on-hover: #46546d;
        --rui-btn-toggle-fg: #e6e6e6;

        --rui-btn-bg-disabled-active: #505362;
        --rui-btn-fg-disabled-active: #cdced6;
        
        --rui-chart-data-series-color-1: #91e3db;
        --rui-chart-data-series-translucent-color-1: #91e3dbaa;
        --rui-chart-data-series-color-2: #78a9cc;
        --rui-chart-data-series-translucent-color-2: #78a9ccaa;
        --rui-chart-data-series-color-3: #b0c581;
        --rui-chart-data-series-translucent-color-3: #b0c581aa;
        --rui-chart-data-series-color-4: #bfacd2;
        --rui-chart-data-series-translucent-color-4: #bfacd2aa;
        --rui-chart-data-series-color-5: #6f7ca5;
        --rui-chart-data-series-translucent-color-5: #6f7ca5aa;
        --rui-chart-data-series-color-6: #dfd690;
        --rui-chart-data-series-translucent-color-6: #dfd690aa;
        --rui-chart-data-series-color-7: #bbbbbb;
        --rui-chart-data-series-translucent-color-7: #bbbbbbaa;
        --rui-chart-data-series-color-8: #dcb2b2;
        --rui-chart-data-series-translucent-color-8: #dcb2b2aa;
        --rui-chart-data-series-color-9: #e7adec;
        --rui-chart-data-series-translucent-color-9: #e7adecaa;
        --rui-chart-data-series-color-10: #d2c0ad;
        --rui-chart-data-series-translucent-color-10: #d2c0adaa;
        --rui-chart-grid-color: rgba(240, 242, 255, 0.2);
        
        --rui-display-block-bg: #141a1f;
        --rui-display-block-border-color: #1c222b;
        --rui-display-block-border-radius: 8px;
        --rui-display-block-border-width: 1px;
        --rui-display-block-padding: 17px;
        --rui-display-block-subtitle-opacity: 0.5;
        --rui-display-block-title-size: 18px;
        
        --rui-fixed-layout-gap-size: 12px;
        
        --rui-function-view-padding: 15px;
        --rui-function-view-title-size: 26px;

        --rui-form-disabled-bg: #45464f;
        --rui-form-disabled-fg: #8f92a3;
        --rui-form-required-field: #f81;
    
        --rui-grid-btn-fg-disabled: #666;
    
        --rui-group-box-bg: transparent;
        --rui-group-box-subtitle-opacity: 0.61;
    
        --rui-icon-dropdown-arrow: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512' fill='%23ffffff'><path d='M256 377.6l-201.6-201.6 28.8-28.8 172.8 172.8 172.8-172.8 28.8 28.8z'></path></svg>");
        --rui-icon-close-search: url("data:image/svg+xml;charset=UTF-8,<svg viewPort='0 0 10 10' version='1.1' xmlns='http://www.w3.org/2000/svg'><line x1='1' y1='9' x2='9' y2='1' stroke='%23ffffff' stroke-width='1'/><line x1='1' y1='1' x2='9' y2='9' stroke='%23ffffff' stroke-width='1'/></svg>");

        --rui-image-filter: grayscale(25%);

        --rui-line: #394046;
        --rui-line-heavy: #777;
        
        --rui-main-header-bg: #1f272e;
        --rui-main-header-bg-hover: rgba(240, 242, 255, 0.2);
        --rui-main-header-border-bottom: none;
        --rui-main-header-fg: #fafbff;
        --rui-main-header-height: 50px;
        
        --rui-main-nav-bg: #1f272e;
        --rui-main-nav-bg-active: #3a3c45;
        --rui-main-nav-fg-active: #085ce5;
        --rui-main-nav-border: none;
        --rui-main-nav-fg-inactive: #ddd;
        --rui-main-nav-separator: rgba(240, 242, 255, 0.15);
        --rui-main-nav-width-collapsed: 50px;
        --rui-main-nav-width-expanded: 230px;
    
        --rui-modal-backdrop: #04070b80;
        --rui-modal-border: 1px solid #1c222b;

        --rui-notification-error-accent: #cc645c;
        --rui-notification-error-bg: #292428;
        --rui-notification-error-border: var(--rui-notification-error-accent);
        --rui-notification-error-close-btn: var(--rui-notification-error-accent);
        --rui-notification-error-fg: #ff5b4f;
        --rui-notification-info-accent: #5396c6;
        --rui-notification-info-bg: #242f42;
        --rui-notification-info-border: var(--rui-notification-info-accent);
        --rui-notification-info-close-btn: var(--rui-notification-info-accent);
        --rui-notification-info-fg: #94d2ff;
        --rui-notification-success-accent: #5f9b61;
        --rui-notification-success-bg: #223030;
        --rui-notification-success-border: var(--rui-notification-success-accent);
        --rui-notification-success-close-btn: var(--rui-notification-success-accent);
        --rui-notification-success-fg: #7fc782;
        --rui-notification-warning-accent: #cba334;
        --rui-notification-warning-bg: #2b2d2a;
        --rui-notification-warning-border: var(--rui-notification-warning-accent);
        --rui-notification-warning-close-btn: var(--rui-notification-warning-accent);
        --rui-notification-warning-fg: #ffcf4d;
            
        --rui-outline-offset-anchor: 0;
        --rui-outline-offset-btn: 0;
        --rui-outline-style: solid;
        --rui-outline-width: 1px;
        
        --rui-password-strength-meter-strong-bg: #5cb85c;
        --rui-password-strength-meter-medium-bg: #f0ad4e;
        --rui-password-strength-meter-weak-bg: #d9534f;
        --rui-password-strength-meter-text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
    
        --rui-percentage-circle-data-active: #2b64bf;
        --rui-percentage-circle-data-inactive: #394046;
        --rui-percentage-circle-data-bg: #181d25;
        
        --rui-popup-bg: #1f272e;
        --rui-popup-border: #2d3643;
        --rui-popup-border-radius: 4px;
        --rui-popup-fg: #fff;
        --rui-popup-content-bg: #1f272e;
        --rui-popup-content-border: #2d3643;
        --rui-popup-content-fg: #fff;
        --rui-popup-header-separator: rgba(255, 255, 255, 0.2);
        --rui-popup-menu-option-padding: 3px 20px;
        --rui-popup-menu-separator: #2d3643;
        
        --rui-search-box-bg: #0a0d0f;
        --rui-search-box-border: none;
        --rui-search-box-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.08);
        --rui-search-box-button-bg: transparent;
        --rui-search-box-button-bg-hover: var(--rui-search-box-bg);
        --rui-search-box-button-fg: rgba(240, 242, 255, .7);
        --rui-search-box-button-fg-hover: var(--rui-main-header-fg);
        --rui-search-box-fg: rgba(240, 242, 255, .75);
        --rui-search-box-watermark: rgba(240, 242, 255, .5);
        
        --rui-scrollbar-thumb: rgba(240, 242, 255, 0.075);
        --rui-scrollbar-track: transparent;
        
        --rui-slider-track: var(--rui-content-secondary-bg);
        --rui-slider-thumb: var(--rui-btn-primary-bg);
        --rui-slider-thumb-focused: var(--rui-btn-primary-bg-hover);
        
        --rui-slide-up-bg: rgba(0, 0, 12, .85);
    
        --rui-splitter-bg: #222;
        
        --rui-table-footer-bg: #1c242c;
        --rui-table-header-bg: #1c242c;
        --rui-table-stripe-bg: #1c242c;
        --rui-table-stripe-fg: #fff;
        --rui-table-row-border: #262c36;
        
        --rui-tile-alt1-bg: #3f5273;
        --rui-tile-alt1-bg-hover: #344460;
        --rui-tile-alt1-fg: #fff;
        --rui-tile-alt2-bg: #2c3a54;
        --rui-tile-alt2-bg-hover: #1e2839;
        --rui-tile-alt2-fg: #fff;
        --rui-tile-alt3-bg: #272e3a;
        --rui-tile-alt3-bg-hover: #212731;
        --rui-tile-alt3-fg: #fff;
        --rui-tile-highlighted-bg: #fa0;
        --rui-tile-highlighted-bg-hover: #d99523;
        --rui-tile-highlighted-fg: #333;
        
        --rui-toast-bg: #000;
        --rui-toast-close-button-border: rgba(240, 242, 255, 0.25);
        --rui-toast-close-button-fg: rgba(240, 242, 255, 0.75);
        --rui-toast-fg: #fff;
        
        --rui-toggle-thumb-bg: #fff;
        --rui-toggle-track-border: #464650;
        
        --rui-toolbar-floating-bg: #1b2227f2;
        --rui-toolbar-function-bg: transparent;
        --rui-toolbar-separator-bg-function: #848688;
        
        --rui-well-bg: #212c40;
        --rui-well-border: transparent;
    }
}

:root.dark {
    color-scheme: dark;

    --rui-accent: #84b1ff;

    --rui-body-bg: #141a1f;
    --rui-body-bg-with-display-blocks: #0e1216;
    
    --rui-box-shadow: #000;
    --rui-box-shadow-dialog-box: 5px 5px 15px rgba(0, 0, 0, 1);
    --rui-box-shadow-display-block: 1px 1px 1px #000306;
    --rui-box-shadow-floating-toolbar: 0px 0px 12px rgb(0, 0, 0, 0.2);
    --rui-box-shadow-form-control: inset 0 1px 1px rgba(0, 0, 0, .075);
    --rui-box-shadow-header: 0px 1px 2px rgba(0, 0, 0, 0.3);
    --rui-box-shadow-menu-header: 0 4px 8px -3px rgb(0, 0, 0, 0.2);
    --rui-box-shadow-menu-nav: 4px 0 8px -3px rgb(0, 0, 0, 0.2);
    --rui-box-shadow-popup: 3px 3px 12px rgba(0, 0, 0, .2);

    --rui-busy-indicator-backdrop: rgba(46, 50, 54, .8);
    
    --rui-content-primary-bg: #141a1f;
    --rui-content-secondary-bg: #2c3944;
    
    --rui-font-family: "Noto Sans", Roboto, Arial, -apple-system, system-ui, sans-serif;
    --rui-font-family-chrome: Gellix, "Noto Sans", Roboto, Arial, -apple-system, system-ui, sans-serif;
    --rui-font-size: 13px;
    --rui-font-weight: 400;
    --rui-line-height: 20px;

    --rui-function-title: #84b1ff;
    
    --rui-text-regular: #e6e6e6;
    --rui-text-bright: #c2d2ef;
    --rui-text-error: #ff6868;
    --rui-text-help: rgba(240, 242, 255, 0.5);
    --rui-text-highlight: #ffffbb25;
    --rui-text-disabled: #999;
    
    --rui-list-item-hovered-bg: #26323b;
    --rui-list-item-hovered-fg: var(--rui-text-regular);
    --rui-list-item-selected-bg: #303f4b;
    --rui-list-item-selected-fg: var(--rui-text-regular);
            
    --rui-back-to-top-bg: rgba(0, 0, 0, 0.5);
    --rui-back-to-top-border: #444444;

    --rui-breadcrumb: var(--rui-function-title);
    --rui-breadcrumb-separator: rgba(238, 238, 238, .7);
    --rui-breadcrumb-display-block: var(--rui-accent);
    --rui-breadcrumb-separator-display-block: var(--rui-text-regular);
    
    --rui-btn-badge-border-radius: 10px;
    --rui-btn-badge-border-style: solid;
    --rui-btn-badge-border-width: 1px;
    --rui-btn-badge-font-size: 12px;
    --rui-btn-badge-font-weight: 700;
    --rui-btn-badge-line-height: 1;
    --rui-btn-badge-min-width: 10px;
    --rui-btn-badge-padding: 2px 6px 4px 6px;
    --rui-btn-badge-right: -12px;
    --rui-btn-badge-top: -10px;
    --rui-btn-badge-bg-primary: #d6e5ff;
    --rui-btn-badge-bg-secondary: #d6e5ff;
    --rui-btn-badge-bg-destructive: #e13329;
    --rui-btn-badge-fg-primary: #000000;
    --rui-btn-badge-fg-secondary: #000000;
    --rui-btn-badge-fg-destructive: #000000;

    --rui-busy-indicator: #fff;
    
    --rui-btn-border-radius: 16px;
    --rui-btn-border-style: solid;
    --rui-btn-border-width: 1px;
    --rui-btn-box-shadow: none;
    --rui-btn-font-size-md: 13px;
    --rui-btn-font-size-sm: 12px;
    --rui-btn-font-weight: 500;
    --rui-btn-line-height-md: 1.42857143;
    --rui-btn-line-height-sm: 1.5;
    --rui-btn-padding-md: 5px 11px;
    --rui-btn-padding-sm: 4px 9px;

    --rui-btn-primary-bg: #2b64bf;
    --rui-btn-primary-bg-active: #05347f;
    --rui-btn-primary-bg-disabled: #42454F;
    --rui-btn-primary-bg-disabled-active: #2e3036;
    --rui-btn-primary-bg-hover: #224e96;
    --rui-btn-primary-border: #2b64bf;
    --rui-btn-primary-border-disabled: var(--rui-btn-primary-bg-disabled);
    --rui-btn-primary-fg: #fff;
    --rui-btn-primary-fg-disabled: #99a;
    --rui-btn-primary-fg-hover: #fff;

    --rui-btn-secondary-bg: #141a1f;
    --rui-btn-secondary-bg-active: #11181c;
    --rui-btn-secondary-bg-disabled: var(--rui-btn-primary-bg-disabled);
    --rui-btn-secondary-bg-disabled-active: var(--rui-btn-primary-bg-disabled-active);
    --rui-btn-secondary-bg-hover: #26323b;
    --rui-btn-secondary-border: #4e5763;
    --rui-btn-secondary-border-disabled: var(--rui-btn-primary-bg-disabled);
    --rui-btn-secondary-fg: #e6e6e6;
    --rui-btn-secondary-fg-disabled: var(--rui-btn-primary-fg-disabled);
    --rui-btn-secondary-fg-hover: #e6e6e6;

    --rui-btn-destructive-bg: #141a1f;
    --rui-btn-destructive-bg-active: #211312;
    --rui-btn-destructive-bg-disabled: var(--rui-btn-primary-bg-disabled);
    --rui-btn-destructive-bg-hover: #302122;
    --rui-btn-destructive-border: #673837;
    --rui-btn-destructive-fg: #bc534e;
    --rui-btn-destructive-fg-hover: #bc534e;
    --rui-btn-destructive-border-disabled: var(--rui-btn-primary-bg-disabled);
    --rui-btn-destructive-fg-disabled: var(--rui-btn-primary-fg-disabled);

    --rui-btn-light-bg: transparent;
    --rui-btn-light-bg-hover: #5c5f70;
    --rui-btn-light-fg: #eee;
    --rui-btn-light-fg-hover: #eee;
    
    --rui-btn-misc-bg: var(--rui-btn-primary-bg);
    --rui-btn-misc-bg-hover: var(--rui-btn-primary-bg-hover);
    --rui-btn-misc-fg: var(--rui-btn-secondary-fg);
    --rui-btn-misc-fg-hover: var(--rui-btn-secondary-fg-hover);
    --rui-btn-misc-bg-disabled: #5a5a64;
    --rui-btn-misc-fg-disabled: var(--rui-text-regular);

    --rui-btn-toggle-bg-off: transparent;
    --rui-btn-toggle-bg-off-hover: #26323b;
    --rui-btn-toggle-bg-on: #50607c;
    --rui-btn-toggle-bg-on-hover: #46546d;
    --rui-btn-toggle-fg: #e6e6e6;

    --rui-btn-bg-disabled-active: #505362;
    --rui-btn-fg-disabled-active: #cdced6;
    
    --rui-chart-data-series-color-1: #91e3db;
    --rui-chart-data-series-translucent-color-1: #91e3dbaa;
    --rui-chart-data-series-color-2: #78a9cc;
    --rui-chart-data-series-translucent-color-2: #78a9ccaa;
    --rui-chart-data-series-color-3: #b0c581;
    --rui-chart-data-series-translucent-color-3: #b0c581aa;
    --rui-chart-data-series-color-4: #bfacd2;
    --rui-chart-data-series-translucent-color-4: #bfacd2aa;
    --rui-chart-data-series-color-5: #6f7ca5;
    --rui-chart-data-series-translucent-color-5: #6f7ca5aa;
    --rui-chart-data-series-color-6: #dfd690;
    --rui-chart-data-series-translucent-color-6: #dfd690aa;
    --rui-chart-data-series-color-7: #bbbbbb;
    --rui-chart-data-series-translucent-color-7: #bbbbbbaa;
    --rui-chart-data-series-color-8: #dcb2b2;
    --rui-chart-data-series-translucent-color-8: #dcb2b2aa;
    --rui-chart-data-series-color-9: #e7adec;
    --rui-chart-data-series-translucent-color-9: #e7adecaa;
    --rui-chart-data-series-color-10: #d2c0ad;
    --rui-chart-data-series-translucent-color-10: #d2c0adaa;
    --rui-chart-grid-color: rgba(240, 242, 255, 0.2);
    
    --rui-display-block-bg: #141a1f;
    --rui-display-block-border-color: #1c222b;
    --rui-display-block-border-radius: 8px;
    --rui-display-block-border-width: 1px;
    --rui-display-block-padding: 17px;
    --rui-display-block-subtitle-opacity: 0.5;
    --rui-display-block-title-size: 18px;
    
    --rui-fixed-layout-gap-size: 12px;
    
    --rui-function-view-padding: 15px;
    --rui-function-view-title-size: 26px;

    --rui-form-disabled-bg: #45464f;
    --rui-form-disabled-fg: #8f92a3;
    --rui-form-required-field: #f81;

    --rui-grid-btn-fg-disabled: #666;

    --rui-group-box-bg: transparent;
    --rui-group-box-subtitle-opacity: 0.61;

    --rui-icon-dropdown-arrow: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512' fill='%23ffffff'><path d='M256 377.6l-201.6-201.6 28.8-28.8 172.8 172.8 172.8-172.8 28.8 28.8z'></path></svg>");
    --rui-icon-close-search: url("data:image/svg+xml;charset=UTF-8,<svg viewPort='0 0 10 10' version='1.1' xmlns='http://www.w3.org/2000/svg'><line x1='1' y1='9' x2='9' y2='1' stroke='%23ffffff' stroke-width='1'/><line x1='1' y1='1' x2='9' y2='9' stroke='%23ffffff' stroke-width='1'/></svg>");

    --rui-image-filter: grayscale(25%);

    --rui-line: #394046;
    --rui-line-heavy: #777;
    
    --rui-main-header-bg: #1f272e;
    --rui-main-header-bg-hover: rgba(240, 242, 255, 0.2);
    --rui-main-header-border-bottom: none;
    --rui-main-header-fg: #fafbff;
    --rui-main-header-height: 50px;
    
    --rui-main-nav-bg: #1f272e;
    --rui-main-nav-bg-active: #3a3c45;
    --rui-main-nav-fg-active: #085ce5;
    --rui-main-nav-border: none;
    --rui-main-nav-fg-inactive: #ddd;
    --rui-main-nav-separator: rgba(240, 242, 255, 0.15);
    --rui-main-nav-width-collapsed: 50px;
    --rui-main-nav-width-expanded: 230px;

    --rui-modal-backdrop: #04070b80;
    --rui-modal-border: 1px solid #1c222b;

    --rui-notification-error-accent: #cc645c;
    --rui-notification-error-bg: #292428;
    --rui-notification-error-border: var(--rui-notification-error-accent);
    --rui-notification-error-close-btn: var(--rui-notification-error-accent);
    --rui-notification-error-fg: #ff5b4f;
    --rui-notification-info-accent: #5396c6;
    --rui-notification-info-bg: #242f42;
    --rui-notification-info-border: var(--rui-notification-info-accent);
    --rui-notification-info-close-btn: var(--rui-notification-info-accent);
    --rui-notification-info-fg: #94d2ff;
    --rui-notification-success-accent: #5f9b61;
    --rui-notification-success-bg: #223030;
    --rui-notification-success-border: var(--rui-notification-success-accent);
    --rui-notification-success-close-btn: var(--rui-notification-success-accent);
    --rui-notification-success-fg: #7fc782;
    --rui-notification-warning-accent: #cba334;
    --rui-notification-warning-bg: #2b2d2a;
    --rui-notification-warning-border: var(--rui-notification-warning-accent);
    --rui-notification-warning-close-btn: var(--rui-notification-warning-accent);
    --rui-notification-warning-fg: #ffcf4d;
        
    --rui-outline-offset-anchor: 0;
    --rui-outline-offset-btn: 0;
    --rui-outline-style: solid;
    --rui-outline-width: 1px;
    
    --rui-password-strength-meter-strong-bg: #5cb85c;
    --rui-password-strength-meter-medium-bg: #f0ad4e;
    --rui-password-strength-meter-weak-bg: #d9534f;
    --rui-password-strength-meter-text-shadow: 1px 1px rgba(0, 0, 0, 0.5);

    --rui-percentage-circle-data-active: #2b64bf;
    --rui-percentage-circle-data-inactive: #394046;
    --rui-percentage-circle-data-bg: #181d25;
    
    --rui-popup-bg: #1f272e;
    --rui-popup-border: #2d3643;
    --rui-popup-border-radius: 4px;
    --rui-popup-fg: #fff;
    --rui-popup-content-bg: #1f272e;
    --rui-popup-content-border: #2d3643;
    --rui-popup-content-fg: #fff;
    --rui-popup-header-separator: rgba(255, 255, 255, 0.2);
    --rui-popup-menu-option-padding: 3px 20px;
    --rui-popup-menu-separator: #2d3643;
    
    --rui-search-box-bg: #0a0d0f;
    --rui-search-box-border: none;
    --rui-search-box-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.08);
    --rui-search-box-button-bg: transparent;
    --rui-search-box-button-bg-hover: var(--rui-search-box-bg);
    --rui-search-box-button-fg: rgba(240, 242, 255, .7);
    --rui-search-box-button-fg-hover: var(--rui-main-header-fg);
    --rui-search-box-fg: rgba(240, 242, 255, .75);
    --rui-search-box-watermark: rgba(240, 242, 255, .5);
    
    --rui-scrollbar-thumb: rgba(240, 242, 255, 0.075);
    --rui-scrollbar-track: transparent;
    
    --rui-slider-track: var(--rui-content-secondary-bg);
    --rui-slider-thumb: var(--rui-btn-primary-bg);
    --rui-slider-thumb-focused: var(--rui-btn-primary-bg-hover);
    
    --rui-slide-up-bg: rgba(0, 0, 12, .85);

    --rui-splitter-bg: #222;
    
    --rui-table-footer-bg: #1c242c;
    --rui-table-header-bg: #1c242c;
    --rui-table-stripe-bg: #1c242c;
    --rui-table-stripe-fg: #fff;
    --rui-table-row-border: #262c36;
    
    --rui-tile-alt1-bg: #3f5273;
    --rui-tile-alt1-bg-hover: #344460;
    --rui-tile-alt1-fg: #fff;
    --rui-tile-alt2-bg: #2c3a54;
    --rui-tile-alt2-bg-hover: #1e2839;
    --rui-tile-alt2-fg: #fff;
    --rui-tile-alt3-bg: #272e3a;
    --rui-tile-alt3-bg-hover: #212731;
    --rui-tile-alt3-fg: #fff;
    --rui-tile-highlighted-bg: #fa0;
    --rui-tile-highlighted-bg-hover: #d99523;
    --rui-tile-highlighted-fg: #333;
    
    --rui-toast-bg: #000;
    --rui-toast-close-button-border: rgba(240, 242, 255, 0.25);
    --rui-toast-close-button-fg: rgba(240, 242, 255, 0.75);
    --rui-toast-fg: #fff;
    
    --rui-toggle-thumb-bg: #fff;
    --rui-toggle-track-border: #464650;
    
    --rui-toolbar-floating-bg: #1b2227f2;
    --rui-toolbar-function-bg: transparent;
    --rui-toolbar-separator-bg-function: #848688;
    
    --rui-well-bg: #212c40;
    --rui-well-border: transparent;
}