:root {
  --site-logo-scale: 1.1;
  --bg-0: #1A1A1D;
  --bg-1: #2A2A2E;
  --bg-2: #37383C;
  --bg: #1A1A1D;
  --bg-alt: #2A2A2E;
  --panel: rgba(55, 56, 60, 0.56);
  --panel-soft: rgba(55, 56, 60, 0.8);
  --panel-solid: #37383C;
  --panel-gradient: linear-gradient(180deg, rgba(42, 42, 46, 0.96), rgba(26, 26, 29, 0.96));
  --panel-border: rgba(251, 251, 252, 0.1);
  --panel-hover: rgba(161, 170, 206, 0.5);
  --shadow: 0 20px 60px rgba(26, 26, 29, 0.34);
  --hero-glow: rgba(161, 170, 206, 0.28);
  --hero-bg-top: #2A2A2E;
  --hero-bg-bottom: #1A1A1D;
  --topbar-bg: rgba(26, 26, 29, 0.84);
  --topbar-border: rgba(161, 170, 206, 0.24);
  --nav-link-hover: #FBFBFC;
  --btn-base-border: rgba(110, 116, 135, 0.22);
  --btn-base-bg: rgba(26, 26, 29, 0.9);
  --btn-base-text: rgba(251, 251, 252, 0.9);
  --btn-base-hover-border: rgba(110, 116, 135, 0.44);
  --btn-base-hover-bg: rgba(42, 42, 46, 0.96);
  --btn-primary-start: rgba(110, 116, 135, 1);
  --btn-primary-end: rgba(108, 113, 132, 1);
  --btn-primary-text: rgba(251, 251, 252, 1);
  --btn-primary-hover-start: rgba(110, 116, 135, 1);
  --btn-primary-hover-end: rgba(108, 113, 132, 1);
  --btn-primary-shadow: rgba(108, 113, 132, 0.22);
  --btn-soft-text: rgba(251, 251, 252, 0.96);
  --btn-soft-bg: rgba(108, 113, 132, 0.18);
  --btn-soft-border: rgba(110, 116, 135, 0.46);
  --btn-soft-hover-bg: rgba(110, 116, 135, 0.3);
  --badge-bg: rgba(108, 113, 132, 0.099);
  --badge-border: rgba(108, 113, 132, 0.22);
  --badge-text: rgba(110, 116, 135, 1);
  --btn-contrast-bg: var(--btn-primary-text);
  --btn-contrast-text: var(--btn-primary-end);
  --btn-contrast-hover-bg: color-mix(in srgb, var(--btn-primary-text) 88%, var(--btn-base-bg));
  --btn-ghost-bg: transparent;
  --btn-ghost-border: var(--btn-base-border);
  --btn-ghost-text: var(--btn-primary-text);
  --btn-ghost-hover-bg: var(--btn-base-bg);
  --btn-border: var(--btn-base-border);
  --btn-bg: var(--btn-base-bg);
  --lang-border: rgba(161, 170, 206, 0.34);
  --lang-bg: rgba(42, 42, 46, 0.72);
  --lang-text: #BBBDC1;
  --lang-hover-border: rgba(161, 170, 206, 0.55);
  --lang-hover-bg: rgba(161, 170, 206, 0.18);
  --text: #FBFBFC;
  --text-white: #FBFBFC;
  --muted: #BBBDC1;
  --muted-dim: rgba(187, 189, 193, 0.72);
  --line: rgba(251, 251, 252, 0.1);
  --line-soft: rgba(251, 251, 252, 0.24);
  --brand: #A1AACE;
  --brand-hover: #A1AACE;
  --brand-soft: rgba(161, 170, 206, 0.1);
  --brand-border: rgba(161, 170, 206, 0.22);
  --brand-strong: #A1AACE;
  --btn-dark-border: var(--btn-base-border);
  --btn-dark-bg: var(--btn-base-bg);
  --btn-dark-color: var(--btn-base-text);
  --btn-dark-hover-border: var(--btn-base-hover-border);
  --btn-dark-hover-bg: var(--btn-base-hover-bg);
  --btn-light-color: var(--btn-soft-text);
  --btn-light-bg: var(--btn-soft-bg);
  --btn-light-border: var(--btn-soft-border);
  --btn-light-hover-bg: var(--btn-soft-hover-bg);
  --success: #22c55e;
  --warning: #f59e0b;
  --danger: #FF0000;
  --output-block-bg: rgba(26, 26, 29, 0.7);
  --output-block-border: rgba(251, 251, 252, 0.2);
}
html[data-ui-theme="light"] {
  --bg-0: #F4F7FC;
  --bg-1: #ECEFF3;
  --bg-2: #F3F5F7;
  --bg: #F4F7FC;
  --bg-alt: #ECEFF3;
  --panel: rgba(243, 245, 247, 0.88);
  --panel-soft: rgba(244, 247, 252, 0.94);
  --panel-solid: #F3F5F7;
  --panel-gradient: linear-gradient(180deg, rgba(244, 247, 252, 0.98), rgba(236, 239, 243, 0.98));
  --panel-border: rgba(31, 31, 31, 0.2);
  --panel-hover: rgba(87, 93, 123, 0.28);
  --shadow: 0 14px 36px rgba(31, 31, 31, 0.12);
  --hero-light-glow: rgba(86, 93, 123, 0.18);
  --hero-light-bg-top: #F4F7FC;
  --hero-light-bg-bottom: #ECEFF3;
  --topbar-light-bg: rgba(244, 247, 252, 0.92);
  --topbar-light-border: rgba(86, 93, 123, 0.28);
  --light-nav-active: #1F1F1F;
  --nav-link-light: #212121;
  --nav-link-light-hover: #1F1F1F;
  --lang-light-border: rgba(86, 93, 123, 0.36);
  --lang-light-bg: rgba(236, 239, 243, 0.98);
  --lang-light-text: #1F1F1F;
  --lang-light-hover-border: rgba(86, 93, 123, 0.5);
  --lang-light-hover-bg: rgba(243, 245, 247, 0.98);
  --text: #1F1F1F;
  --text-white: #1F1F1F;
  --muted: #212121;
  --muted-dim: rgba(33, 33, 33, 0.72);
  --line: rgba(31, 31, 31, 0.14);
  --line-soft: rgba(31, 31, 31, 0.2);
  --brand: #575D7B;
  --brand-hover: #565D7B;
  --brand-soft: rgba(87, 93, 123, 0.1);
  --brand-border: rgba(87, 93, 123, 0.28);
  --brand-strong: #565D7B;
  --btn-base-border: rgba(116, 127, 170, 0.36);
  --btn-base-bg: rgba(238, 244, 251, 0.98);
  --btn-base-text: rgba(61, 61, 62, 0.82);
  --btn-base-hover-border: rgba(116, 127, 170, 0.5);
  --btn-base-hover-bg: rgba(223, 235, 249, 0.98);
  --btn-primary-start: rgba(116, 127, 170, 1);
  --btn-primary-end: rgba(116, 127, 170, 1);
  --btn-primary-text: rgba(66, 66, 67, 1);
  --btn-primary-hover-start: rgba(116, 127, 170, 1);
  --btn-primary-hover-end: rgba(116, 127, 170, 1);
  --btn-primary-shadow: rgba(116, 127, 170, 0.28);
  --btn-soft-text: rgba(116, 127, 170, 1);
  --btn-soft-bg: rgba(116, 127, 170, 0.12);
  --btn-soft-border: rgba(116, 127, 170, 0.34);
  --btn-soft-hover-bg: rgba(116, 127, 170, 0.2);
  --badge-bg: rgba(108, 113, 132, 0.126);
  --badge-border: rgba(108, 113, 132, 0.28);
  --badge-text: rgba(108, 113, 132, 1);
  --btn-contrast-bg: var(--btn-primary-text);
  --btn-contrast-text: var(--btn-primary-end);
  --btn-contrast-hover-bg: color-mix(in srgb, var(--btn-primary-text) 88%, var(--btn-base-bg));
  --btn-ghost-bg: transparent;
  --btn-ghost-border: var(--btn-base-border);
  --btn-ghost-text: var(--btn-primary-text);
  --btn-ghost-hover-bg: var(--btn-base-bg);
  --btn-border: var(--btn-base-border);
  --btn-bg: var(--btn-base-bg);
  --btn-dark-border: var(--btn-base-border);
  --btn-dark-bg: var(--btn-base-bg);
  --btn-dark-color: var(--btn-base-text);
  --btn-dark-hover-border: var(--btn-base-hover-border);
  --btn-dark-hover-bg: var(--btn-base-hover-bg);
  --btn-light-color: var(--btn-soft-text);
  --btn-light-bg: var(--btn-soft-bg);
  --btn-light-border: var(--btn-soft-border);
  --btn-light-hover-bg: var(--btn-soft-hover-bg);
  --success: #16a34a;
  --warning: #ca8a04;
  --danger: #FF0000;
  --output-block-bg: rgba(244, 247, 252, 0.94);
  --output-block-border: rgba(31, 31, 31, 0.28);
  --light-bg-0: #F4F7FC;
  --light-bg-1: #ECEFF3;
  --light-bg-2: #F3F5F7;
  --light-panel-gradient: var(--panel-gradient);
  --light-summary-border: rgba(86, 93, 123, 0.42);
  --light-summary-bg: rgba(236, 239, 243, 0.92);
  --light-summary-color: rgba(31, 31, 31, 0.82);
  --light-summary-open-bg: rgba(87, 93, 123, 0.06);
  --light-summary-open-border: rgba(86, 93, 123, 0.52);
  --light-summary-open-color: #575D7B;
  --light-summary-open-after-bg: rgba(243, 245, 247, 0.95);
  --light-title: #1F1F1F;
  --light-label: rgba(31, 31, 31, 0.72);
  --light-input-bg: rgba(244, 247, 252, 0.96);
  --light-input-color: #1F1F1F;
  --light-input-border: rgba(31, 31, 31, 0.38);
  --light-readonly-color: #1F1F1F;
  --light-placeholder: rgba(33, 33, 33, 0.8);
  --light-btn-border: var(--btn-base-border);
  --light-btn-bg: var(--btn-base-bg);
  --light-btn-color: var(--btn-base-text);
  --light-btn-hover-border: var(--btn-base-hover-border);
  --light-btn-hover-bg: var(--btn-base-hover-bg);
  --light-btn-light-color: var(--btn-soft-text);
  --light-btn-light-bg: var(--btn-soft-bg);
  --light-btn-light-border: var(--btn-soft-border);
  --light-btn-light-hover-bg: var(--btn-soft-hover-bg);
  --light-agency-inline-bg: rgba(236, 239, 243, 0.96);
  --light-agency-inline-border: rgba(86, 93, 123, 0.3);
  --light-filmstrip-bg: rgba(236, 239, 243, 0.96);
  --light-filmstrip-shadow: 0 10px 24px rgba(31, 31, 31, 0.14);
  --light-filmstrip-item-bg: rgba(244, 247, 252, 0.98);
  --light-filmstrip-item-color: rgba(31, 31, 31, 0.9);
  --light-filmstrip-item-hover-border: rgba(86, 93, 123, 0.52);
  --light-filmstrip-item-selected-border: rgba(86, 93, 123, 0.8);
  --light-filmstrip-item-selected-bg: rgba(87, 93, 123, 0.14);
  --light-filmstrip-add-border: rgba(86, 93, 123, 0.56);
  --light-filmstrip-add-color: #575D7B;
  --light-filmstrip-add-bg: rgba(243, 245, 247, 0.9);
  --light-pane-border: rgba(31, 31, 31, 0.28);
  --light-pane-shadow: 0 4px 12px rgba(31, 31, 31, 0.08);
  --light-thumb-bg: rgba(236, 239, 243, 0.8);
  --light-thumb-border: rgba(31, 31, 31, 0.22);
  --light-output-block-bg: rgba(244, 247, 252, 0.94);
  --light-output-block-border: rgba(31, 31, 31, 0.28);
  --light-overlay-bg: rgba(236, 239, 243, 0.76);
  --light-card-gradient: linear-gradient(180deg, rgba(244, 247, 252, 0.98), rgba(236, 239, 243, 0.98));
  --light-dropzone-bg: rgba(236, 239, 243, 0.96);
  --light-dropzone-border: rgba(86, 93, 123, 0.46);
  --light-dropzone-color: rgba(31, 31, 31, 0.72);
  --light-dropzone-hover-border: rgba(87, 93, 123, 0.68);
  --light-dropzone-hover-bg: rgba(243, 245, 247, 0.94);
  --light-progress-bg: rgba(236, 239, 243, 0.94);
  --light-progress-color: rgba(31, 31, 31, 0.62);
  --light-progress-active-color: #575D7B;
  --light-progress-active-bg: rgba(87, 93, 123, 0.16);
}