html[data-dsh-skin="maid-atelier"] {
  color: #172347;
  --maid-navy-950: #091333;
  --maid-navy-900: #10204d;
  --maid-navy-800: #1c326b;
  --maid-indigo: #526aa8;
  --maid-periwinkle: #8ea5da;
  --maid-porcelain: #f8f6f0;
  --maid-gold: #c5a468;
  --maid-gold-soft: #e2cfaa;
  --maid-ink: #172347;
  --maid-glass: #f8faffad;
  --maid-shadow: 0 18px 54px #0f1e4833, 0 2px 8px #0f1e481f;
  --dsw-alias-bg-base: transparent;
  --dsw-alias-bg-layer-1: #f8faffb8;
  --dsw-alias-bg-layer-2: #ebf0fad6;
  --dsw-alias-bg-layer-3: #e0e7f6e0;
  --dsw-alias-bg-overlay: #f8fafff5;
  --dsw-alias-border-l1: #475b912e;
  --dsw-alias-border-l2-darkmode-thin: #475b9140;
  --dsw-alias-border-l2: #475b914d;
  --dsw-alias-border-l3: #c5a468a3;
  --dsw-alias-brand-primary: #526aa8;
  --dsw-alias-brand-text: #172347;
  --dsw-alias-button-elevated-fill: #fffdf8e0;
  --dsw-alias-button-floating-fill: #fffdf8f0;
  --dsw-alias-button-floating-hover: #ece6d8;
  --dsw-alias-button-info-fill: #536eae;
  --dsw-alias-button-info-hover: #405a99;
  --dsw-alias-interactive-bg-active: #c5a4683d;
  --dsw-alias-interactive-bg-hover: #677eb71f;
  --dsw-alias-interactive-bg-hover-solid: #e2e8f5;
  --dsw-alias-label-primary: #172347;
  --dsw-alias-label-primary-bluish: #243866;
  --dsw-alias-label-secondary: #4d5d7f;
  --dsw-alias-label-tertiary: #6f7c99;
  --dsw-alias-label-caption: #8a94aa;
  --dsw-alias-state-business-primary: #536eae;
  --dsw-alias-state-business-tertiary: #e1e7f5;
  --dsw-shadow-lv2: var(--maid-shadow);
  --dsw-specific-input-major: #fffdf8d1;
  --dsw-specific-selector: #e2e8f6e6;
  --dsw-specific-sidebar-fill: #0b1942e0;
  background-color: #dce6f5;
}
html[data-dsh-skin="maid-atelier"] {
  --dsw-alias-bg-base: initial;
  --dsw-alias-bg-layer-1: initial;
  --dsw-alias-bg-layer-2: initial;
  --dsw-alias-bg-layer-3: initial;
  --dsw-alias-bg-overlay: initial;
  --dsw-alias-border-l1: initial;
  --dsw-alias-border-l2-darkmode-thin: initial;
  --dsw-alias-border-l2: initial;
  --dsw-alias-border-l3: initial;
  --dsw-alias-brand-primary: initial;
  --dsw-alias-brand-text: initial;
  --dsw-alias-button-elevated-fill: initial;
  --dsw-alias-button-floating-fill: initial;
  --dsw-alias-button-floating-hover: initial;
  --dsw-alias-button-info-fill: initial;
  --dsw-alias-button-info-hover: initial;
  --dsw-alias-interactive-bg-active: initial;
  --dsw-alias-interactive-bg-hover: initial;
  --dsw-alias-interactive-bg-hover-solid: initial;
  --dsw-alias-label-primary: initial;
  --dsw-alias-label-primary-bluish: initial;
  --dsw-alias-label-secondary: initial;
  --dsw-alias-label-tertiary: initial;
  --dsw-alias-label-caption: initial;
  --dsw-alias-state-business-primary: initial;
  --dsw-alias-state-business-tertiary: initial;
  --dsw-specific-input-major: initial;
  --dsw-specific-selector: initial;
  --dsw-specific-sidebar-fill: initial;
}

html[data-dsh-skin="maid-atelier"] body {
  --maid-navy-950: #091333;
  --maid-navy-900: #10204d;
  --maid-navy-800: #1c326b;
  --maid-indigo: #526aa8;
  --maid-periwinkle: #8ea5da;
  --maid-porcelain: #f8f6f0;
  --maid-gold: #c5a468;
  --maid-gold-soft: #e2cfaa;
  --maid-ink: #172347;
  --maid-glass: #f8faffad;
  --maid-shadow: 0 18px 54px #0f1e4833, 0 2px 8px #0f1e481f;
  --dsw-alias-bg-base: transparent;
  --dsw-alias-bg-layer-1: #f8faffb8;
  --dsw-alias-bg-layer-2: #ebf0fad6;
  --dsw-alias-bg-layer-3: #e0e7f6e0;
  --dsw-alias-bg-overlay: #f8fafff5;
  --dsw-alias-border-l1: #475b912e;
  --dsw-alias-border-l2-darkmode-thin: #475b9140;
  --dsw-alias-border-l2: #475b914d;
  --dsw-alias-border-l3: #c5a468a3;
  --dsw-alias-brand-primary: #526aa8;
  --dsw-alias-brand-text: #172347;
  --dsw-alias-button-elevated-fill: #fffdf8e0;
  --dsw-alias-button-floating-fill: #fffdf8f0;
  --dsw-alias-button-floating-hover: #ece6d8;
  --dsw-alias-button-info-fill: #536eae;
  --dsw-alias-button-info-hover: #405a99;
  --dsw-alias-interactive-bg-active: #c5a4683d;
  --dsw-alias-interactive-bg-hover: #677eb71f;
  --dsw-alias-interactive-bg-hover-solid: #e2e8f5;
  --dsw-alias-label-primary: #172347;
  --dsw-alias-label-primary-bluish: #243866;
  --dsw-alias-label-secondary: #4d5d7f;
  --dsw-alias-label-tertiary: #6f7c99;
  --dsw-alias-label-caption: #8a94aa;
  --dsw-alias-state-business-primary: #536eae;
  --dsw-alias-state-business-tertiary: #e1e7f5;
  --dsw-shadow-lv2: var(--maid-shadow);
  --dsw-specific-input-major: #fffdf8d1;
  --dsw-specific-selector: #e2e8f6e6;
  --dsw-specific-sidebar-fill: #0b1942e0;
  background-color: #dce6f5;
}


html[data-dsh-skin="maid-atelier"] body[data-ds-dark-theme] {
  color: #e5eaf6;
  --maid-glass: #0d193bbd;
  --maid-shadow: 0 18px 58px #00000061, 0 2px 10px #0000004d;
  --dsw-alias-bg-base: transparent;
  --dsw-alias-bg-layer-1: #121f43e6;
  --dsw-alias-bg-layer-2: #182850eb;
  --dsw-alias-bg-layer-3: #20315bf0;
  --dsw-alias-bg-overlay: #0d193bf7;
  --dsw-alias-border-l1: #97a9d833;
  --dsw-alias-border-l2-darkmode-thin: #97a9d84d;
  --dsw-alias-border-l2: #97a9d857;
  --dsw-alias-border-l3: #d3b477a8;
  --dsw-alias-brand-primary: #9bb0e1;
  --dsw-alias-brand-text: #e7ecf7;
  --dsw-alias-button-elevated-fill: #1c2c54f0;
  --dsw-alias-button-floating-fill: #1f315cf5;
  --dsw-alias-button-floating-hover: #354d88;
  --dsw-alias-button-info-fill: #8ca4dc;
  --dsw-alias-button-info-hover: #a3b7e5;
  --dsw-alias-interactive-bg-active: #d3b4773d;
  --dsw-alias-interactive-bg-hover: #a4b7e524;
  --dsw-alias-interactive-bg-hover-solid: #293f78;
  --dsw-alias-label-primary: #e7ecf7;
  --dsw-alias-label-primary-bluish: #d5dff3;
  --dsw-alias-label-secondary: #bdc9e3;
  --dsw-alias-label-tertiary: #96a6c9;
  --dsw-alias-label-caption: #7f90b4;
  --dsw-alias-state-business-primary: #9bb0e1;
  --dsw-alias-state-business-tertiary: #293d73;
  --dsw-specific-input-major: #111e42e0;
  --dsw-specific-selector: #2d406fe6;
  --dsw-specific-sidebar-fill: #050d28e6;
  background-color: #080f27;
}

html[data-dsh-skin="maid-atelier"] [id="root"] { background: transparent; }

html[data-dsh-skin="maid-atelier"] body { --shiki-background: var(--dsw-alias-markdown-code-block); }

html[data-dsh-skin="maid-atelier"] body {
  --dsw-alias-bg-module-platform: color-mix(in srgb, var(--dsw-alias-bg-layer-1) 65%, transparent);
  --dsw-alias-bg-multi-select: color-mix(in srgb, var(--dsw-alias-bg-layer-1) 65%, transparent);
  --dsw-alias-bg-skeleton: color-mix(in srgb, var(--dsw-alias-bg-layer-1) 65%, transparent);
  --dsw-alias-border-inverted2: color-mix(in srgb, var(--dsw-alias-border-l2) 55%, transparent);
  --dsw-alias-border-l4: color-mix(in srgb, var(--dsw-alias-border-l2) 55%, transparent);
  --dsw-alias-interactive-bg-hover-accent: color-mix(in srgb, var(--dsw-alias-bg-layer-1) 65%, transparent);
  --dsw-alias-interactive-bg-hover-danger: color-mix(in srgb, var(--dsw-alias-bg-layer-1) 65%, transparent);
  --dsw-specific-bubble: color-mix(in srgb, var(--dsw-alias-bg-layer-1) 60%, transparent);
  --dsw-specific-bubble-highlight: color-mix(in srgb, var(--dsw-alias-bg-layer-1) 60%, transparent);
  --dsw-specific-login-input: color-mix(in srgb, var(--dsw-alias-bg-layer-1) 60%, transparent);
  --dsw-specific-menu: color-mix(in srgb, var(--dsw-alias-bg-layer-1) 60%, transparent);
  --dsw-specific-sidebar-nav-item-active: color-mix(in srgb, var(--dsw-alias-bg-layer-1) 60%, transparent);
  --dsw-specific-sidebar-nav-item-active-accent: color-mix(in srgb, var(--dsw-alias-bg-layer-1) 60%, transparent);
  --dsw-specific-sidebar-nav-item-hover: color-mix(in srgb, var(--dsw-alias-bg-layer-1) 60%, transparent);
  --dsw-specific-tip: color-mix(in srgb, var(--dsw-alias-bg-layer-1) 60%, transparent);
}