/* MODO Iris Atelier palette, read-only source: packages/editor/src/shell/atelier.css.
   Website chrome uses these semantic tokens; project images remain unchanged. */
:root {color-scheme:light;
  --modo-selection-halo: #ffffff;
  --modo-selection-edge: rgb(0 0 0 / 35%);
  --modo-selection-fill: color-mix(in srgb, var(--modo-selection) 12%, transparent);
  --modo-bg-app: #eeede9;
  --modo-bg-panel: #fbfaf7;
  --modo-bg-subtle: #eeede8;
  --modo-bg-elevated: #fbfaf7;
  --modo-bg-inverse: #2b2933;
  --modo-bg-hover: #e5e3dd;
  --modo-bg-pressed: #dbd8d2;
  --modo-bg-selected: #e9e2f7;
  --modo-canvas-bg: #eeede9;
  --modo-border: #dedcd5;
  --modo-border-strong: #837f89;
  --modo-text: #292833;
  --modo-text-secondary: #5d5967;
  --modo-text-tertiary: #696773;
  --modo-text-inverse: #e8e4ee;
  --modo-text-on-accent: #ffffff;
  --modo-accent: #6544cc;
  --modo-accent-hover: #5734bb;
  --modo-accent-soft: #e9e2f7;
  --modo-accent-text: #5c39b6;
  --modo-primary: #292833;
  --modo-primary-hover: #403b4c;
  --modo-primary-pressed: #18161e;
  --modo-accent-on-inverse: #c6b3fa;
  --modo-focus: #292833;
  --modo-success: #247856;
  --modo-success-text: #1c6b4b;
  --modo-success-soft: #e5f2eb;
  --modo-warning: #986214;
  --modo-warning-text: #83520b;
  --modo-warning-soft: #fbefdb;
  --modo-warning-border: #d6b57e;
  --modo-danger: #be3d50;
  --modo-danger-text: #a82b40;
  --modo-danger-soft: #fce8ec;
  --modo-info-text: #315caa;
  --modo-info-soft: #e8effc;
  --modo-disabled-bg: #eeede8;
  --modo-disabled-text: #8d8993;
  --modo-override: #6544cc;
  --modo-agent: #6544cc;
  --modo-selection: #6544cc;
  --modo-hover-outline: #6544cc;
  --modo-snap: #b53e78;
  --modo-insert: #247856;
  --modo-handle-fill: #ffffff;
  --modo-measure-bg: #6544cc;
  --modo-measure-text: #ffffff;
  --modo-artboard-label: #696773;
  --modo-scrim: #29283366;
  --modo-text-on-primary: #fbfaf7;
  --modo-dock-bg: #2b2933;
  --modo-dock-text: #e8e4ee;
  --modo-dock-active: #c6b3fa;
  --modo-dock-active-text: #2b1946;
  --modo-dock-connection: #83520b;
  --modo-component: #23677d;
  --modo-component-text: #23677d;
  --modo-component-soft: #e1eef2;
}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;
  --modo-dock-connection: #edc98f;
  --modo-bg-app: #24232b;
  --modo-bg-panel: #302e38;
  --modo-bg-subtle: #393641;
  --modo-bg-elevated: #38343f;
  --modo-bg-inverse: #312d3a;
  --modo-bg-hover: #423e4c;
  --modo-bg-pressed: #4c4658;
  --modo-bg-selected: #473b58;
  --modo-canvas-bg: #24232b;
  --modo-border: #4a4652;
  --modo-border-strong: #8d8698;
  --modo-text: #eeebf1;
  --modo-text-secondary: #cdc6d6;
  --modo-text-tertiary: #b9b2c2;
  --modo-text-inverse: #eee8f5;
  --modo-text-on-accent: #2b1a44;
  --modo-accent: #bba5f4;
  --modo-accent-hover: #cfbaff;
  --modo-accent-soft: #473b58;
  --modo-accent-text: #d0bcff;
  --modo-primary: #eeebf1;
  --modo-primary-hover: #d7cfdf;
  --modo-primary-pressed: #c6bdcf;
  --modo-accent-on-inverse: #c6b3fa;
  --modo-focus: #eeeaf3;
  --modo-success: #8ad4b1;
  --modo-success-text: #a0dfc1;
  --modo-success-soft: #283f37;
  --modo-warning: #e7bd77;
  --modo-warning-text: #edc98f;
  --modo-warning-soft: #463b2d;
  --modo-warning-border: #8e744b;
  --modo-danger: #ec9aaa;
  --modo-danger-text: #f2adba;
  --modo-danger-soft: #49313b;
  --modo-info-text: #abc6fb;
  --modo-info-soft: #303d55;
  --modo-disabled-bg: #393641;
  --modo-disabled-text: #8c8497;
  --modo-override: #d0bcff;
  --modo-agent: #d0bcff;
  --modo-selection: #bba5f4;
  --modo-hover-outline: #bba5f4;
  --modo-snap: #e1a2c1;
  --modo-insert: #8ad4b1;
  --modo-handle-fill: #fafafe;
  --modo-measure-bg: #bba5f4;
  --modo-measure-text: #2b1a44;
  --modo-artboard-label: #b9b2c2;
  --modo-scrim: #11101988;
  --modo-text-on-primary: #302e38;
  --modo-dock-bg: #312d3a;
  --modo-dock-text: #eee8f5;
  --modo-dock-active: #c6b3fa;
  --modo-dock-active-text: #2b1946;
  --modo-component: #91cee0;
  --modo-component-text: #91cee0;
  --modo-component-soft: #2b414b;
  --theme-canvas: var(--modo-bg-app);
  --theme-panel: var(--modo-bg-panel);
  --theme-subtle: var(--modo-bg-subtle);
  --theme-text: var(--modo-text);
  --theme-muted: var(--modo-text-secondary);
  --theme-border: var(--modo-border);
  --theme-accent: var(--modo-accent);
  --theme-accent-text: var(--modo-accent-text);
  --theme-accent-line: var(--modo-accent);
  --theme-accent-soft: var(--modo-accent-soft);
  --theme-primary: var(--modo-primary);
  --theme-on-primary: var(--modo-text-on-primary);
  --theme-success-soft: var(--modo-success-soft);
  --theme-success-text: var(--modo-success-text);
}}
:root[data-theme="dark"]{color-scheme:dark;
  --modo-dock-connection: #edc98f;
  --modo-bg-app: #24232b;
  --modo-bg-panel: #302e38;
  --modo-bg-subtle: #393641;
  --modo-bg-elevated: #38343f;
  --modo-bg-inverse: #312d3a;
  --modo-bg-hover: #423e4c;
  --modo-bg-pressed: #4c4658;
  --modo-bg-selected: #473b58;
  --modo-canvas-bg: #24232b;
  --modo-border: #4a4652;
  --modo-border-strong: #8d8698;
  --modo-text: #eeebf1;
  --modo-text-secondary: #cdc6d6;
  --modo-text-tertiary: #b9b2c2;
  --modo-text-inverse: #eee8f5;
  --modo-text-on-accent: #2b1a44;
  --modo-accent: #bba5f4;
  --modo-accent-hover: #cfbaff;
  --modo-accent-soft: #473b58;
  --modo-accent-text: #d0bcff;
  --modo-primary: #eeebf1;
  --modo-primary-hover: #d7cfdf;
  --modo-primary-pressed: #c6bdcf;
  --modo-accent-on-inverse: #c6b3fa;
  --modo-focus: #eeeaf3;
  --modo-success: #8ad4b1;
  --modo-success-text: #a0dfc1;
  --modo-success-soft: #283f37;
  --modo-warning: #e7bd77;
  --modo-warning-text: #edc98f;
  --modo-warning-soft: #463b2d;
  --modo-warning-border: #8e744b;
  --modo-danger: #ec9aaa;
  --modo-danger-text: #f2adba;
  --modo-danger-soft: #49313b;
  --modo-info-text: #abc6fb;
  --modo-info-soft: #303d55;
  --modo-disabled-bg: #393641;
  --modo-disabled-text: #8c8497;
  --modo-override: #d0bcff;
  --modo-agent: #d0bcff;
  --modo-selection: #bba5f4;
  --modo-hover-outline: #bba5f4;
  --modo-snap: #e1a2c1;
  --modo-insert: #8ad4b1;
  --modo-handle-fill: #fafafe;
  --modo-measure-bg: #bba5f4;
  --modo-measure-text: #2b1a44;
  --modo-artboard-label: #b9b2c2;
  --modo-scrim: #11101988;
  --modo-text-on-primary: #302e38;
  --modo-dock-bg: #312d3a;
  --modo-dock-text: #eee8f5;
  --modo-dock-active: #c6b3fa;
  --modo-dock-active-text: #2b1946;
  --modo-component: #91cee0;
  --modo-component-text: #91cee0;
  --modo-component-soft: #2b414b;
  --theme-canvas: var(--modo-bg-app);
  --theme-panel: var(--modo-bg-panel);
  --theme-subtle: var(--modo-bg-subtle);
  --theme-text: var(--modo-text);
  --theme-muted: var(--modo-text-secondary);
  --theme-border: var(--modo-border);
  --theme-accent: var(--modo-accent);
  --theme-accent-text: var(--modo-accent-text);
  --theme-accent-line: var(--modo-accent);
  --theme-accent-soft: var(--modo-accent-soft);
  --theme-primary: var(--modo-primary);
  --theme-on-primary: var(--modo-text-on-primary);
  --theme-success-soft: var(--modo-success-soft);
  --theme-success-text: var(--modo-success-text);
}

:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:var(--modo-text-tertiary);opacity:1}

/* One alias contract for the page, source controls and nested canvas in either theme. */
:root{--theme-canvas:var(--modo-bg-app);--theme-panel:var(--modo-bg-panel);--theme-subtle:var(--modo-bg-subtle);--theme-text:var(--modo-text);--theme-muted:var(--modo-text-secondary);--theme-border:var(--modo-border);--theme-accent:var(--modo-accent);--theme-accent-text:var(--modo-accent-text);--theme-accent-line:var(--modo-accent);--theme-accent-soft:var(--modo-accent-soft);--theme-primary:var(--modo-primary);--theme-on-primary:var(--modo-text-on-primary);--theme-success-soft:var(--modo-success-soft);--theme-success-text:var(--modo-success-text)}