@charset "UTF-8";

/* Domain values only. Generated by scripts/Build-ThemeCss.ps1. */
:root {
    --FontFamily: 'Pretendard';
    --FontL07: 36px;
    --FontM01: 20px;
    --FontM02: 21px;
    --FontM04: 23px;
    --FontM06: 25px;
    --FontM08: 27px;
    --FontS01: 10px;
    --FontS02: 11px;
    --FontS03: 12px;
    --FontS04: 13px;
    --FontS05: 14px;
    --FontS06: 15px;
    --FontS07: 16px;
    --FontS08: 17px;
    --FontS09: 18px;
    --FontS10: 19px;
    --FontSize: 14px;
    --HeaderLogo: url("/Content/assets/images/logo.svg");
    --HeaderLogoBright: url("/Content/assets/images/logo_w.svg");
    --HeaderLogoHeight: 40px;
    --HeaderLogoWidth: 180px;
    --LeftPanelIcon: none;
    --LetterSpace: normal;
    --LoginBackground: none;
    --LoginHeaderIconColor: brightness(20);
    --LoginHeaderIconColorHover: brightness(20);
    --LoginLogoHeight: 78px;
    --LoginLogoWidth: 440px;
    --theme-color-action-primary: var(--theme-color-brand);
    --theme-color-action-primary-hover: #1f923f;
    --theme-color-action-secondary-hover: #6fb970;
    --theme-color-bg-active: #f4fcf8;
    --theme-color-bg-brand: var(--theme-color-brand);
    --theme-color-bg-emphasis: var(--theme-color-bg-selected);
    --theme-color-bg-field-subtle: #f2fcf8;
    --theme-color-bg-header: var(--theme-color-brand);
    --theme-color-bg-highlight: #d9eee8;
    --theme-color-bg-hover: #eff7f4;
    --theme-color-bg-info-subtle: var(--theme-color-bg-subtle);
    --theme-color-bg-navigation-active: #ddefde;
    --theme-color-bg-selected: #f0f9f5;
    --theme-color-bg-subtle: #f3f7f7;
    --theme-color-bg-table-header: #eef9f5;
    --theme-color-bg-warning-subtle: #FFE6DE;
    --theme-color-border-action: #07852b;
    --theme-color-brand: #24b24c;
    --theme-color-indicator-loading: #2bb34d;
    --theme-color-text-link: #56af58;
    --theme-color-text-muted: var(--theme-color-text-secondary);
    --theme-color-text-on-brand: #ffffff;
    --theme-color-text-on-brand-hover: var(--theme-color-text-on-brand);
    --theme-color-text-primary: #0f411d;
    --theme-color-text-secondary: #637d6a;
    --theme-color-text-table-header: #2e8546;
    --theme-filter-icon-accent: none;
    --theme-filter-icon-on-accent: invert(55%) sepia(40%) saturate(795%) hue-rotate(76deg) brightness(85%) contrast(85%);
}

:root {
    --HeaderLogoBrightHeight: var(--HeaderLogoHeight);
    --HeaderLogoBackgroundSize: cover;
    --LoginLogoBackgroundSize: cover;
    --theme-color-border-subtle: var(--theme-color-bg-highlight);
    --theme-color-text-action: var(--theme-color-border-action);
    --theme-color-status-success: var(--theme-color-indicator-loading);
    --theme-filter-control-checked: var(--theme-filter-icon-accent);
}

[data-theme="asia"] {
    --HeaderLogo: url("/Content/img/logo/header_etomars.png");
    --HeaderLogoBright: url("/Content/img/logo/header_etomars_white.png");
    --HeaderLogoHeight: 28px;
    --HeaderLogoWidth: 195px;
    --LoginLogoHeight: 55px;
    --theme-color-action-primary: var(--theme-color-brand);
    --theme-color-action-primary-hover: var(--theme-color-brand);
    --theme-color-bg-active: #797979;
    --theme-color-bg-brand: var(--theme-color-brand);
    --theme-color-bg-emphasis: var(--theme-color-bg-active);
    --theme-color-bg-field-subtle: var(--theme-color-bg-table-header);
    --theme-color-bg-header: var(--theme-color-brand);
    --theme-color-bg-highlight: var(--theme-color-bg-subtle);
    --theme-color-bg-hover: #f1f1f1;
    --theme-color-bg-info-subtle: #878787;
    --theme-color-bg-navigation-active: #5a5a5a;
    --theme-color-bg-selected: var(--theme-color-bg-subtle);
    --theme-color-bg-subtle: #373737;
    --theme-color-bg-table-header: #e6e6e6;
    --theme-color-border-action: var(--theme-color-brand);
    --theme-color-brand: #2a2a2a;
    --theme-color-indicator-loading: var(--theme-color-brand);
    --theme-color-text-muted: var(--theme-color-text-primary);
    --theme-color-text-primary: #050505;
    --theme-color-text-secondary: var(--theme-color-text-primary);
    --theme-color-text-table-header: var(--theme-color-text-primary);
    --theme-filter-icon-accent: saturate(0%) brightness(103%);
    --theme-filter-icon-on-accent: brightness(0%);
}

[data-theme="sttd"] {
    --FontFamily: 'SCDream4';
    --FontL07: 34px;
    --FontM01: 18px;
    --FontM02: 19px;
    --FontM04: 21px;
    --FontM06: 23px;
    --FontM08: 25px;
    --FontS01: 8px;
    --FontS02: 9px;
    --FontS03: 10px;
    --FontS04: 11px;
    --FontS05: 12px;
    --FontS06: 13px;
    --FontS07: 14px;
    --FontS08: 15px;
    --FontS09: 16px;
    --FontS10: 17px;
    --FontSize: 0.8125rem;
    --HeaderLogo: url("/Content/img/logo/logo_STOO_d.png");
    --HeaderLogoBright: url("/Content/img/logo/logo_STOO_w.png");
    --HeaderLogoHeight: 44px;
    --HeaderLogoWidth: 205px;
    --LetterSpace: 0.1px;
    --LoginBackground: url('/Content/img/background/login_bg_sttd.jpg') no-repeat center bottom fixed;
    --theme-color-action-primary: var(--theme-color-brand);
    --theme-color-action-primary-hover: #3da3aa;
    --theme-color-action-secondary-hover: #58b1b7;
    --theme-color-bg-active: #dff4f5;
    --theme-color-bg-brand: var(--theme-color-brand);
    --theme-color-bg-emphasis: var(--theme-color-bg-active);
    --theme-color-bg-field-subtle: var(--theme-color-bg-active);
    --theme-color-bg-header: var(--theme-color-brand);
    --theme-color-bg-highlight: var(--theme-color-bg-selected);
    --theme-color-bg-hover: #ebf4f9;
    --theme-color-bg-info-subtle: var(--theme-color-bg-active);
    --theme-color-bg-navigation-active: var(--theme-color-bg-selected);
    --theme-color-bg-selected: #cfe2e3;
    --theme-color-bg-subtle: #e4eded;
    --theme-color-bg-table-header: var(--theme-color-bg-active);
    --theme-color-border-action: var(--theme-color-text-table-header);
    --theme-color-brand: #5fc1c7;
    --theme-color-indicator-loading: var(--theme-color-brand);
    --theme-color-text-link: #81c2c7;
    --theme-color-text-muted: var(--theme-color-text-secondary);
    --theme-color-text-primary: #05212e;
    --theme-color-text-secondary: #2e6069;
    --theme-color-text-table-header: #5097a3;
    --theme-filter-icon-accent: hue-rotate(75deg);
    --theme-filter-icon-on-accent: invert(80%) sepia(45%) saturate(500%) hue-rotate(163deg) brightness(89%) contrast(75%);
}

[data-theme="deali"] {
    --HeaderLogo: url("/Content/img/logo/shipnergy_deali_green.svg");
    --HeaderLogoBright: url("/Content/img/logo/shipnergy_deali.png");
    --HeaderLogoWidth: 199px;
}

[data-theme="flushing"] {
    --HeaderLogo: url("/Content/img/logo/logo_flushing.svg");
    --HeaderLogoBright: url("/Content/img/logo/logo_flushing.svg");
    --HeaderLogoHeight: 68px;
    --HeaderLogoWidth: 136px;
    --LoginHeaderIconColor: brightness(0);
    --LoginLogoHeight: 165px;
    --theme-color-action-primary: var(--theme-color-brand);
    --theme-color-action-primary-hover: #c25901;
    --theme-color-action-secondary-hover: #FF8A29;
    --theme-color-bg-active: #ffede0;
    --theme-color-bg-brand: #faf8fa;
    --theme-color-bg-emphasis: #ffeadc;
    --theme-color-bg-field-subtle: #fbebde;
    --theme-color-bg-header: #ffffff;
    --theme-color-bg-highlight: #F9B683;
    --theme-color-bg-hover: #fff1e6;
    --theme-color-bg-info-subtle: #F3DAC5;
    --theme-color-bg-navigation-active: #F7E7D9;
    --theme-color-bg-selected: #ffdcc4;
    --theme-color-bg-subtle: #fff3e7;
    --theme-color-bg-table-header: var(--theme-color-bg-emphasis);
    --theme-color-border-action: #cf5e00;
    --theme-color-brand: #e56612;
    --theme-color-indicator-loading: var(--theme-color-brand);
    --theme-color-text-link: #e36800;
    --theme-color-text-muted: var(--theme-color-text-secondary);
    --theme-color-text-on-brand: #000000;
    --theme-color-text-primary: #2D1F1F;
    --theme-color-text-secondary: #703B00;
    --theme-color-text-table-header: #b04d00;
    --theme-filter-icon-accent: hue-rotate(261deg);
    --theme-filter-icon-on-accent: invert(50%) sepia(40%) saturate(784%) hue-rotate(327deg) brightness(78%) contrast(85%);
}

[data-theme="jp"] {
    --HeaderLogo: url("/Content/img/logo/shipnergy_jp_green.png");
    --HeaderLogoBright: url("/Content/img/logo/shipnergy_jp.png");
}

[data-theme="mir"] {
    --HeaderLogo: url("/Content/img/logo/mir_header_logo.png");
    --HeaderLogoBright: url("/Content/img/logo/mir_header_logo.png");
    --HeaderLogoWidth: 105px;
    --LoginHeaderIconColor: brightness(0);
    --LoginLogoHeight: 142px;
    --theme-color-action-primary: #7A4DA3;
    --theme-color-action-primary-hover: #683A92;
    --theme-color-action-secondary-hover: #916FB0;
    --theme-color-bg-active: #f3f1ff;
    --theme-color-bg-brand: #f7f9fa;
    --theme-color-bg-emphasis: #f1f0f2;
    --theme-color-bg-field-subtle: #f6f5f7;
    --theme-color-bg-header: #ffffff;
    --theme-color-bg-highlight: #e1dbed;
    --theme-color-bg-hover: #f2effb;
    --theme-color-bg-info-subtle: #faf5ff;
    --theme-color-bg-navigation-active: #D9C7EA;
    --theme-color-bg-selected: #dacee5;
    --theme-color-bg-subtle: #f8f8f8;
    --theme-color-bg-table-header: #efeef1;
    --theme-color-border-action: #562E7A;
    --theme-color-brand: #743FA3;
    --theme-color-indicator-loading: #7B44AC;
    --theme-color-text-link: #903ae3;
    --theme-color-text-muted: var(--theme-color-text-on-brand);
    --theme-color-text-on-brand: #000000;
    --theme-color-text-primary: #1b0a2a;
    --theme-color-text-secondary: #715B86;
    --theme-color-text-table-header: #444444;
    --theme-filter-icon-accent: hue-rotate(125deg);
    --theme-filter-icon-on-accent: invert(55%) sepia(40%) saturate(795%) hue-rotate(212deg) brightness(85%) contrast(85%);
}

[data-theme="mom"] {
    --HeaderLogo: url("/Content/img/logo/header_etomars.png");
    --HeaderLogoBright: url("/Content/img/logo/header_etomars_white.png");
    --HeaderLogoHeight: 28px;
    --HeaderLogoWidth: 195px;
    --LoginLogoHeight: 55px;
    --theme-color-action-primary: var(--theme-color-brand);
    --theme-color-action-primary-hover: var(--theme-color-brand);
    --theme-color-bg-active: #797979;
    --theme-color-bg-brand: var(--theme-color-brand);
    --theme-color-bg-emphasis: var(--theme-color-bg-active);
    --theme-color-bg-field-subtle: var(--theme-color-bg-table-header);
    --theme-color-bg-header: var(--theme-color-brand);
    --theme-color-bg-highlight: var(--theme-color-bg-subtle);
    --theme-color-bg-hover: #f1f1f1;
    --theme-color-bg-info-subtle: #878787;
    --theme-color-bg-navigation-active: #5a5a5a;
    --theme-color-bg-selected: var(--theme-color-bg-subtle);
    --theme-color-bg-subtle: #373737;
    --theme-color-bg-table-header: #e6e6e6;
    --theme-color-border-action: var(--theme-color-brand);
    --theme-color-brand: #2a2a2a;
    --theme-color-indicator-loading: var(--theme-color-brand);
    --theme-color-text-muted: var(--theme-color-text-primary);
    --theme-color-text-primary: #050505;
    --theme-color-text-secondary: var(--theme-color-text-primary);
    --theme-color-text-table-header: var(--theme-color-text-primary);
    --theme-filter-icon-accent: saturate(0%) brightness(103%);
    --theme-filter-icon-on-accent: brightness(0%);
}

[data-theme="ny"] {
    --FontFamily: Pretendard;
    --HeaderLogo: url("/Content/img/logo/ny_header_logo_w.png");
    --HeaderLogoBright: url("/Content/img/logo/ny_header_logo_w.png");
    --HeaderLogoHeight: 90px;
    --HeaderLogoWidth: 200px;
    --LoginLogoHeight: 152px;
    --LoginLogoWidth: 360px;
    --theme-color-action-primary: var(--theme-color-brand);
    --theme-color-action-primary-hover: #2c3e8d;
    --theme-color-action-secondary-hover: #6478b2;
    --theme-color-bg-active: #eef1fa;
    --theme-color-bg-brand: var(--theme-color-bg-header);
    --theme-color-bg-emphasis: var(--theme-color-bg-selected);
    --theme-color-bg-field-subtle: var(--theme-color-bg-highlight);
    --theme-color-bg-header: #ffffff;
    --theme-color-bg-highlight: #ebf6fd;
    --theme-color-bg-hover: #F0F0F6;
    --theme-color-bg-info-subtle: #F4F3F7;
    --theme-color-bg-navigation-active: #DDDCF0;
    --theme-color-bg-selected: #EDEDF9;
    --theme-color-bg-table-header: var(--theme-color-bg-highlight);
    --theme-color-border-action: #114e9f;
    --theme-color-brand: #345eac;
    --theme-color-indicator-loading: var(--theme-color-brand);
    --theme-color-text-link: #6055B1;
    --theme-color-text-muted: #6d6a90;
    --theme-color-text-on-brand: #141414;
    --theme-color-text-primary: #0F1141;
    --theme-color-text-secondary: #64627E;
    --theme-color-text-table-header: #2c5888;
    --theme-filter-icon-accent: hue-rotate(104deg) brightness(100%);
    --theme-filter-icon-on-accent: invert(55%) sepia(40%) saturate(795%) hue-rotate(176deg) brightness(81%) contrast(85%);
    --HeaderLogoBrightHeight: 84px;
}

[data-theme="sttd-shipnergy"] {
    --FontFamily: 'SCDream4';
    --FontL07: 34px;
    --FontM01: 18px;
    --FontM02: 19px;
    --FontM04: 21px;
    --FontM06: 23px;
    --FontM08: 25px;
    --FontS01: 8px;
    --FontS02: 9px;
    --FontS03: 10px;
    --FontS04: 11px;
    --FontS05: 12px;
    --FontS06: 13px;
    --FontS07: 14px;
    --FontS08: 15px;
    --FontS09: 16px;
    --FontS10: 17px;
    --FontSize: 0.8125rem;
    --HeaderLogo: url("/Content/img/logo/logo_STOO_d.png");
    --HeaderLogoBright: url("/Content/img/logo/logo_STOO_w.png");
    --HeaderLogoHeight: 44px;
    --HeaderLogoWidth: 205px;
    --LetterSpace: 0.1px;
    --LoginBackground: url('/Content/img/background/login_bg_sttd.jpg') no-repeat center bottom fixed;
    --theme-color-action-primary: var(--theme-color-brand);
    --theme-color-action-primary-hover: #3da3aa;
    --theme-color-action-secondary-hover: #58b1b7;
    --theme-color-bg-active: #dff4f5;
    --theme-color-bg-brand: var(--theme-color-brand);
    --theme-color-bg-emphasis: var(--theme-color-bg-active);
    --theme-color-bg-field-subtle: var(--theme-color-bg-active);
    --theme-color-bg-header: var(--theme-color-brand);
    --theme-color-bg-highlight: var(--theme-color-bg-selected);
    --theme-color-bg-hover: #ebf4f9;
    --theme-color-bg-info-subtle: var(--theme-color-bg-active);
    --theme-color-bg-navigation-active: var(--theme-color-bg-selected);
    --theme-color-bg-selected: #cfe2e3;
    --theme-color-bg-subtle: #e4eded;
    --theme-color-bg-table-header: var(--theme-color-bg-active);
    --theme-color-border-action: var(--theme-color-text-table-header);
    --theme-color-brand: #5fc1c7;
    --theme-color-indicator-loading: var(--theme-color-brand);
    --theme-color-text-link: #81c2c7;
    --theme-color-text-muted: var(--theme-color-text-secondary);
    --theme-color-text-primary: #05212e;
    --theme-color-text-secondary: #2e6069;
    --theme-color-text-table-header: #5097a3;
    --theme-filter-icon-accent: hue-rotate(75deg);
    --theme-filter-icon-on-accent: invert(80%) sepia(45%) saturate(500%) hue-rotate(163deg) brightness(89%) contrast(75%);
}

[data-theme="sttd-jp"] {
    --FontFamily: 'SCDream4';
    --FontL07: 34px;
    --FontM01: 18px;
    --FontM02: 19px;
    --FontM04: 21px;
    --FontM06: 23px;
    --FontM08: 25px;
    --FontS01: 8px;
    --FontS02: 9px;
    --FontS03: 10px;
    --FontS04: 11px;
    --FontS05: 12px;
    --FontS06: 13px;
    --FontS07: 14px;
    --FontS08: 15px;
    --FontS09: 16px;
    --FontS10: 17px;
    --FontSize: 0.8125rem;
    --HeaderLogo: url("/Content/img/logo/logo_STOO_d.png");
    --HeaderLogoBright: url("/Content/img/logo/logo_STOO_w.png");
    --HeaderLogoHeight: 39px;
    --HeaderLogoWidth: 205px;
    --LetterSpace: 0.1px;
    --LoginBackground: url('/Content/img/background/login_bg_sttd.jpg') no-repeat center bottom fixed;
    --LoginLogoHeight: 70px;
    --theme-color-action-primary: var(--theme-color-brand);
    --theme-color-action-primary-hover: #3da3aa;
    --theme-color-action-secondary-hover: #58b1b7;
    --theme-color-bg-active: #dff4f5;
    --theme-color-bg-brand: var(--theme-color-brand);
    --theme-color-bg-emphasis: var(--theme-color-bg-active);
    --theme-color-bg-header: var(--theme-color-brand);
    --theme-color-bg-highlight: var(--theme-color-bg-selected);
    --theme-color-bg-hover: #ebf4f9;
    --theme-color-bg-info-subtle: var(--theme-color-bg-active);
    --theme-color-bg-navigation-active: var(--theme-color-bg-selected);
    --theme-color-bg-selected: #cfe2e3;
    --theme-color-bg-subtle: #e4eded;
    --theme-color-bg-table-header: var(--theme-color-bg-active);
    --theme-color-border-action: var(--theme-color-text-table-header);
    --theme-color-brand: #5fc1c7;
    --theme-color-indicator-loading: var(--theme-color-brand);
    --theme-color-text-link: #81c2c7;
    --theme-color-text-muted: var(--theme-color-text-secondary);
    --theme-color-text-primary: #05212e;
    --theme-color-text-secondary: #2e6069;
    --theme-color-text-table-header: #5097a3;
    --theme-filter-icon-accent: hue-rotate(75deg);
    --theme-filter-icon-on-accent: invert(80%) sepia(45%) saturate(500%) hue-rotate(163deg) brightness(89%) contrast(75%);
}

[data-theme="sttd-new"] {
    --FontFamily: 'SCDream4';
    --FontL07: 34px;
    --FontM01: 18px;
    --FontM02: 19px;
    --FontM04: 21px;
    --FontM06: 23px;
    --FontM08: 25px;
    --FontS01: 8px;
    --FontS02: 9px;
    --FontS03: 10px;
    --FontS04: 11px;
    --FontS05: 12px;
    --FontS06: 13px;
    --FontS07: 14px;
    --FontS08: 15px;
    --FontS09: 16px;
    --FontS10: 17px;
    --FontSize: 0.8125rem;
    --HeaderLogo: url("/Content/img/logo/logo_STOO_d.png");
    --HeaderLogoBright: url("/Content/img/logo/logo_STOO_w.png");
    --HeaderLogoHeight: 39px;
    --HeaderLogoWidth: 205px;
    --LetterSpace: 0.1px;
    --LoginBackground: url('/Content/img/background/login_bg_sttd.jpg') no-repeat center bottom fixed;
    --LoginLogoHeight: 70px;
    --theme-color-action-primary: var(--theme-color-brand);
    --theme-color-action-primary-hover: #3da3aa;
    --theme-color-action-secondary-hover: #58b1b7;
    --theme-color-bg-active: #dff4f5;
    --theme-color-bg-brand: var(--theme-color-brand);
    --theme-color-bg-emphasis: var(--theme-color-bg-active);
    --theme-color-bg-header: var(--theme-color-brand);
    --theme-color-bg-highlight: var(--theme-color-bg-selected);
    --theme-color-bg-hover: #ebf4f9;
    --theme-color-bg-info-subtle: var(--theme-color-bg-active);
    --theme-color-bg-navigation-active: var(--theme-color-bg-selected);
    --theme-color-bg-selected: #cfe2e3;
    --theme-color-bg-subtle: #e4eded;
    --theme-color-bg-table-header: var(--theme-color-bg-active);
    --theme-color-border-action: var(--theme-color-text-table-header);
    --theme-color-brand: #5fc1c7;
    --theme-color-indicator-loading: var(--theme-color-brand);
    --theme-color-text-link: #81c2c7;
    --theme-color-text-muted: var(--theme-color-text-secondary);
    --theme-color-text-primary: #05212e;
    --theme-color-text-secondary: #2e6069;
    --theme-color-text-table-header: #5097a3;
    --theme-filter-icon-accent: hue-rotate(75deg);
    --theme-filter-icon-on-accent: invert(80%) sepia(45%) saturate(500%) hue-rotate(163deg) brightness(89%) contrast(75%);
}

[data-theme="valetbox"] {
    --HeaderLogo: url("/Content/img/logo/VALET_logo.svg");
    --HeaderLogoBright: url("/Content/img/logo/valet_header_logo.png");
    --HeaderLogoWidth: 195px;
    --theme-color-action-primary: var(--theme-color-brand);
    --theme-color-action-primary-hover: #2e74c3;
    --theme-color-action-secondary-hover: var(--theme-color-action-primary-hover);
    --theme-color-bg-active: var(--theme-color-bg-selected);
    --theme-color-bg-brand: var(--theme-color-brand);
    --theme-color-bg-emphasis: #ebf0ff;
    --theme-color-bg-header: var(--theme-color-brand);
    --theme-color-bg-highlight: #dae0eb;
    --theme-color-bg-hover: #efeff7;
    --theme-color-bg-info-subtle: var(--theme-color-bg-emphasis);
    --theme-color-bg-navigation-active: #ddddef;
    --theme-color-bg-selected: #f4f6fc;
    --theme-color-bg-subtle: #f3f4f7;
    --theme-color-bg-table-header: #ebf3fa;
    --theme-color-border-action: #112a8c;
    --theme-color-brand: #398deb;
    --theme-color-indicator-loading: var(--theme-color-brand);
    --theme-color-text-link: #3862df;
    --theme-color-text-muted: var(--theme-color-text-secondary);
    --theme-color-text-primary: #140f41;
    --theme-color-text-secondary: #63697d;
    --theme-color-text-table-header: #2e3f85;
    --theme-filter-icon-accent: hue-rotate(87deg);
    --theme-filter-icon-on-accent: invert(55%) sepia(40%) saturate(795%) hue-rotate(185deg) brightness(85%) contrast(85%);
}

[data-theme="mir-global"] {
    --HeaderLogo: url("/Content/img/logo/mir_header_logo.png");
    --HeaderLogoBright: url("/Content/img/logo/mir_header_logo.png");
    --HeaderLogoWidth: 105px;
    --LoginHeaderIconColor: brightness(0);
    --LoginLogoHeight: 142px;
    --theme-color-action-primary: #7A4DA3;
    --theme-color-action-primary-hover: #683A92;
    --theme-color-action-secondary-hover: #916FB0;
    --theme-color-bg-active: #f3f1ff;
    --theme-color-bg-brand: #f7f9fa;
    --theme-color-bg-emphasis: #f1f0f2;
    --theme-color-bg-header: #ffffff;
    --theme-color-bg-highlight: #e1dbed;
    --theme-color-bg-hover: #f2effb;
    --theme-color-bg-info-subtle: #faf5ff;
    --theme-color-bg-navigation-active: #D9C7EA;
    --theme-color-bg-selected: #dacee5;
    --theme-color-bg-subtle: #f8f8f8;
    --theme-color-bg-table-header: #efeef1;
    --theme-color-border-action: #562E7A;
    --theme-color-brand: #743FA3;
    --theme-color-indicator-loading: #7B44AC;
    --theme-color-text-link: #903ae3;
    --theme-color-text-muted: var(--theme-color-text-on-brand);
    --theme-color-text-on-brand: #000000;
    --theme-color-text-primary: #1b0a2a;
    --theme-color-text-secondary: #715B86;
    --theme-color-text-table-header: #444444;
    --theme-filter-icon-accent: hue-rotate(125deg);
    --theme-filter-icon-on-accent: invert(55%) sepia(40%) saturate(795%) hue-rotate(212deg) brightness(85%) contrast(85%);
}


[data-theme="sttd"] {
    --HeaderLogoBackgroundSize: contain;
    --LoginLogoBackgroundSize: contain;
}

/* Legacy dropzone visuals preserved from the newest GeneratedCss files. */
:root {
    --theme-color-bg-dropzone: #f2fcf8;
    --theme-color-bg-dropzone-hover: #f0f9f5;
    --theme-image-border-dropzone: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='1' y='1' width='calc(100%25 - 2px)' height='calc(100%25 - 2px)' fill='none' rx='14' ry='14' stroke='%23d9eee8' stroke-width='2' stroke-dasharray='8%2c 10' stroke-linecap='round'/%3e%3c/svg%3e");
    --theme-image-border-dropzone-hover: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='1' y='1' width='calc(100%25 - 2px)' height='calc(100%25 - 2px)' fill='none' rx='14' ry='14' stroke='%236fb970' stroke-width='2' stroke-dasharray='8%2c 10' stroke-linecap='round'/%3e%3c/svg%3e");
    --theme-size-dropzone-icon: 22px;
    --theme-size-dropzone-title: 18px;
    --theme-size-dropzone-complete: 13px;
}

[data-theme="sttd"] {
    --theme-color-bg-dropzone: #dff4f5;
    --theme-color-bg-dropzone-hover: #cfe2e3;
    --theme-image-border-dropzone: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='1' y='1' width='calc(100%25 - 2px)' height='calc(100%25 - 2px)' fill='none' rx='14' ry='14' stroke='%23cfe2e3' stroke-width='2' stroke-dasharray='8%2c 10' stroke-linecap='round'/%3e%3c/svg%3e");
    --theme-image-border-dropzone-hover: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='1' y='1' width='calc(100%25 - 2px)' height='calc(100%25 - 2px)' fill='none' rx='14' ry='14' stroke='%2358b1b7' stroke-width='2' stroke-dasharray='8%2c 10' stroke-linecap='round'/%3e%3c/svg%3e");
    --theme-size-dropzone-icon: 20px;
    --theme-size-dropzone-title: 16px;
    --theme-size-dropzone-complete: 11px;
}

[data-theme="asia"],
[data-theme="mom"] {
    --theme-color-bg-dropzone: #e6e6e6;
    --theme-color-bg-dropzone-hover: #797979;
    --theme-image-border-dropzone: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='1' y='1' width='calc(100%25 - 2px)' height='calc(100%25 - 2px)' fill='none' rx='14' ry='14' stroke='%23373737' stroke-width='2' stroke-dasharray='8%2c 10' stroke-linecap='round'/%3e%3c/svg%3e");
    --theme-image-border-dropzone-hover: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='1' y='1' width='calc(100%25 - 2px)' height='calc(100%25 - 2px)' fill='none' rx='14' ry='14' stroke='%232a2a2a' stroke-width='2' stroke-dasharray='8%2c 10' stroke-linecap='round'/%3e%3c/svg%3e");
}

[data-theme="flushing"] {
    --theme-color-bg-dropzone: #fbebde;
    --theme-color-bg-dropzone-hover: #ffeadc;
    --theme-image-border-dropzone: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='1' y='1' width='calc(100%25 - 2px)' height='calc(100%25 - 2px)' fill='none' rx='14' ry='14' stroke='%23F9B683' stroke-width='2' stroke-dasharray='8%2c 10' stroke-linecap='round'/%3e%3c/svg%3e");
    --theme-image-border-dropzone-hover: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='1' y='1' width='calc(100%25 - 2px)' height='calc(100%25 - 2px)' fill='none' rx='14' ry='14' stroke='%23FF8A29' stroke-width='2' stroke-dasharray='8%2c 10' stroke-linecap='round'/%3e%3c/svg%3e");
}

[data-theme="ny"] {
    --theme-color-bg-dropzone: #ebf6fd;
    --theme-color-bg-dropzone-hover: #EDEDF9;
    --theme-image-border-dropzone: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='1' y='1' width='calc(100%25 - 2px)' height='calc(100%25 - 2px)' fill='none' rx='14' ry='14' stroke='%23ebf6fd' stroke-width='2' stroke-dasharray='8%2c 10' stroke-linecap='round'/%3e%3c/svg%3e");
    --theme-image-border-dropzone-hover: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='1' y='1' width='calc(100%25 - 2px)' height='calc(100%25 - 2px)' fill='none' rx='14' ry='14' stroke='%236478b2' stroke-width='2' stroke-dasharray='8%2c 10' stroke-linecap='round'/%3e%3c/svg%3e");
}

[data-theme="mir"] {
    --theme-color-bg-dropzone: #f6f5f7;
    --theme-color-bg-dropzone-hover: #dacee5;
    --theme-image-border-dropzone: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='1' y='1' width='calc(100%25 - 2px)' height='calc(100%25 - 2px)' fill='none' rx='14' ry='14' stroke='%23e1dbed' stroke-width='2' stroke-dasharray='8%2c 10' stroke-linecap='round'/%3e%3c/svg%3e");
    --theme-image-border-dropzone-hover: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='1' y='1' width='calc(100%25 - 2px)' height='calc(100%25 - 2px)' fill='none' rx='14' ry='14' stroke='%23916FB0' stroke-width='2' stroke-dasharray='8%2c 10' stroke-linecap='round'/%3e%3c/svg%3e");
}

[data-theme="valetbox"] {
    --theme-color-bg-dropzone: #ebf3fa;
    --theme-color-bg-dropzone-hover: #f4f6fc;
    --theme-image-border-dropzone: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='1' y='1' width='calc(100%25 - 2px)' height='calc(100%25 - 2px)' fill='none' rx='14' ry='14' stroke='%23dae0eb' stroke-width='2' stroke-dasharray='8%2c 10' stroke-linecap='round'/%3e%3c/svg%3e");
    --theme-image-border-dropzone-hover: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='1' y='1' width='calc(100%25 - 2px)' height='calc(100%25 - 2px)' fill='none' rx='14' ry='14' stroke='%232e74c3' stroke-width='2' stroke-dasharray='8%2c 10' stroke-linecap='round'/%3e%3c/svg%3e");
}