/* Invoice Flow semantic interface skin contract.
   ------------------------------------------------
   A future skin should be added here by defining this token set. Shared
   components must consume semantic meaning rather than product-specific hues.
   The compatibility bridge at the end keeps legacy components token-driven
   while they are progressively migrated to the semantic names. */

html[data-interface-skin="invoice-flow-teal"] {
  color-scheme:light;
  --app-bg:#eceae4;--sidebar-bg:#17161d;--surface-primary:#faf9f5;--surface-secondary:#f1efe8;--surface-elevated:#ffffff;--surface-subtle-contrast:#e5e2da;
  --card-bg:#ffffff;--input-bg:#ffffff;--table-bg:#ffffff;--modal-bg:#faf9f5;--dropdown-bg:#ffffff;
  --font-ui:"DM Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--font-heading:"Sora","DM Sans",ui-sans-serif,system-ui,sans-serif;
  --body-weight:500;--body-medium-weight:600;--heading-weight:700;--heading-strong-weight:700;
  --text-primary:#17161d;--text-secondary:#343139;--text-muted:#625f59;--text-subtle:#68645e;--text-inverse:#ffffff;
  --border-default:#dedbd2;--border-subtle:#ebe8e0;--border-strong:#c9c5bc;--divider:#ebe8e0;--control-border:#85817a;--focus-outline:#0d7a6f;--placeholder-text:#68645e;--link-text:#075d55;--tooltip-bg:#17161d;--tooltip-text:#ffffff;
  --brand-accent:#3fbfae;--brand-accent-secondary:#76d8cc;--brand-accent-strong:#0d7a6f;--brand-accent-soft:#e2f3f0;--brand-accent-faint:#edf8f6;--brand-accent-border:#b9ddd6;--brand-accent-text:#075d55;
  --action-primary:#17161d;--action-primary-hover:#29272f;--action-primary-pressed:#111016;--action-primary-text:#ffffff;--action-primary-hover-text:#ffffff;--action-primary-hover-icon:#ffffff;--action-primary-pressed-text:#ffffff;--action-primary-pressed-icon:#ffffff;--action-secondary:#ffffff;--action-secondary-hover:#f1efe8;--action-secondary-pressed:#e5e2da;--action-secondary-text:#17161d;--action-secondary-hover-text:#17161d;--action-secondary-hover-icon:#343139;--action-secondary-pressed-text:#17161d;--action-secondary-pressed-icon:#17161d;
  --hover-bg:#f1efe8;--hover-text:#17161d;--hover-muted:#5f5b55;--hover-icon:#343139;--active-bg:#e5e2da;--active-text:#17161d;--active-muted:#5f5b55;--active-icon:#17161d;--selected-bg:#e2f3f0;--selected-text:#075d55;--selected-muted:#356b65;--selected-icon:#075d55;--selected-pressed-bg:#cfeae5;--selected-pressed-text:#064f48;--selected-pressed-muted:#356b65;--selected-pressed-icon:#064f48;--focus-ring:rgba(63,191,174,.24);--disabled-bg:#e5e2da;--disabled-text:#5f5b55;--disabled-icon:#5f5b55;
  --status-success:#0d786d;--status-success-on:#ffffff;--status-success-bg:#e2f3f0;--status-warning:#8a5a16;--status-warning-bg:#f7eedb;--status-error:#ba3f28;--status-error-on:#ffffff;--status-error-bg:#fce9e4;--status-info:#365f8d;--status-info-bg:#e7edf4;
  --icon-primary:#343139;--icon-muted:#706d66;--sidebar-text:#faf9f5;--sidebar-muted:rgba(250,249,245,.62);--sidebar-border:rgba(250,249,245,.12);--sidebar-hover:rgba(250,249,245,.08);--sidebar-hover-text:#faf9f5;--sidebar-hover-muted:#cbc9c4;--sidebar-hover-icon:#faf9f5;--sidebar-active-bg:#34323a;--sidebar-active-text:#ffffff;--sidebar-active-muted:#cbc9c4;--sidebar-active-icon:#76d8cc;--sidebar-selected:#28272d;--sidebar-selected-text:#ffffff;--sidebar-selected-muted:#cbc9c4;--sidebar-selected-icon:#76d8cc;
  --shadow-low:0 1px 2px rgba(23,22,29,.05),0 4px 14px rgba(23,22,29,.045);--shadow-medium:0 1px 2px rgba(23,22,29,.05),0 12px 32px rgba(23,22,29,.07);--shadow-high:0 2px 6px rgba(23,22,29,.08),0 18px 54px rgba(23,22,29,.15);--backdrop-bg:rgba(23,22,29,.42);
  --workspace-bg:rgba(250,249,245,.58);--sidebar-surface:linear-gradient(160deg,#242229 0%,#17161d 58%,#111016 100%);--topbar-bg:rgba(250,249,245,.84);--mobile-topbar-bg:#17161d;--mobile-topbar-text:#ffffff;--mobile-nav-bg:rgba(23,22,29,.98);--settings-selected-bg:#ffffff;--settings-selected-text:#17161d;
}

html[data-interface-skin="apple"] {
  color-scheme:light;
  --app-bg:#f2f2f4;--sidebar-bg:#f7f7f8;--surface-primary:#ffffff;--surface-secondary:#f5f5f7;--surface-elevated:#ffffff;--surface-subtle-contrast:#e8e8ed;
  --card-bg:#ffffff;--input-bg:#ffffff;--table-bg:#ffffff;--modal-bg:#ffffff;--dropdown-bg:rgba(255,255,255,.96);
  --font-ui:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;--font-heading:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;
  --body-weight:400;--body-medium-weight:500;--heading-weight:600;--heading-strong-weight:700;
  --text-primary:#1d1d1f;--text-secondary:#424245;--text-muted:#58585d;--text-subtle:#626267;--text-inverse:#ffffff;
  --border-default:#d8d8dc;--border-subtle:#e9e9ec;--border-strong:#b8b8bd;--divider:#e9e9ec;--control-border:#8a8a8f;--focus-outline:#0066cc;--placeholder-text:#626267;--link-text:#0055a8;--tooltip-bg:#1d1d1f;--tooltip-text:#ffffff;
  --brand-accent:#0071e3;--brand-accent-secondary:#55a9ff;--brand-accent-strong:#0066cc;--brand-accent-soft:#e8f2ff;--brand-accent-faint:#f3f8ff;--brand-accent-border:#aed2f7;--brand-accent-text:#0055a8;
  --action-primary:#0071e3;--action-primary-hover:#0066cc;--action-primary-pressed:#005bb5;--action-primary-text:#ffffff;--action-primary-hover-text:#ffffff;--action-primary-hover-icon:#ffffff;--action-primary-pressed-text:#ffffff;--action-primary-pressed-icon:#ffffff;--action-secondary:#ffffff;--action-secondary-hover:#f0f0f3;--action-secondary-pressed:#e2e2e7;--action-secondary-text:#1d1d1f;--action-secondary-hover-text:#1d1d1f;--action-secondary-hover-icon:#424245;--action-secondary-pressed-text:#1d1d1f;--action-secondary-pressed-icon:#1d1d1f;
  --hover-bg:#f0f0f3;--hover-text:#1d1d1f;--hover-muted:#515154;--hover-icon:#424245;--active-bg:#e2e2e7;--active-text:#1d1d1f;--active-muted:#515154;--active-icon:#1d1d1f;--selected-bg:#e8f2ff;--selected-text:#0055a8;--selected-muted:#3e6285;--selected-icon:#0055a8;--selected-pressed-bg:#d8eaff;--selected-pressed-text:#004b96;--selected-pressed-muted:#3e6285;--selected-pressed-icon:#004b96;--focus-ring:rgba(0,113,227,.22);--disabled-bg:#e8e8ed;--disabled-text:#626267;--disabled-icon:#626267;
  --status-success:#207c37;--status-success-on:#ffffff;--status-success-bg:#e9f7ec;--status-warning:#956400;--status-warning-bg:#fff5d6;--status-error:#d70015;--status-error-on:#ffffff;--status-error-bg:#ffebed;--status-info:#0069d3;--status-info-bg:#e8f2ff;
  --icon-primary:#424245;--icon-muted:#6e6e73;--sidebar-text:#1d1d1f;--sidebar-muted:#6e6e73;--sidebar-border:#dedee2;--sidebar-hover:#eaeaed;--sidebar-hover-text:#1d1d1f;--sidebar-hover-muted:#515154;--sidebar-hover-icon:#424245;--sidebar-active-bg:#dedee2;--sidebar-active-text:#1d1d1f;--sidebar-active-muted:#515154;--sidebar-active-icon:#0066cc;--sidebar-selected:#ffffff;--sidebar-selected-text:#1d1d1f;--sidebar-selected-muted:#515154;--sidebar-selected-icon:#0066cc;
  --shadow-low:0 2px 8px rgba(0,0,0,.055);--shadow-medium:0 8px 28px rgba(0,0,0,.075);--shadow-high:0 22px 60px rgba(0,0,0,.16);--backdrop-bg:rgba(29,29,31,.32);
}

html[data-interface-skin="openai"] {
  color-scheme:light;
  --app-bg:#fcfcfc;--sidebar-bg:#fcfcfc;--surface-primary:#ffffff;--surface-secondary:#f7f7f7;--surface-elevated:#ffffff;--surface-subtle-contrast:#ececec;
  --card-bg:#ffffff;--input-bg:#ffffff;--table-bg:#ffffff;--modal-bg:#ffffff;--dropdown-bg:#ffffff;
  --font-ui:-apple-system-body,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,"Apple Color Emoji",Arial,sans-serif,"Segoe UI Emoji","Segoe UI Symbol";--font-heading:-apple-system-body,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --body-weight:400;--body-medium-weight:500;--heading-weight:500;--heading-strong-weight:600;
  --text-primary:#0d0d0d;--text-secondary:#404040;--text-muted:#5d5d5d;--text-subtle:#666666;--text-inverse:#ffffff;
  --border-default:rgba(0,0,0,.10);--border-subtle:rgba(0,0,0,.05);--border-strong:#cdcdcd;--divider:rgba(0,0,0,.05);--control-border:#8a8a8a;--focus-outline:#0d0d0d;--placeholder-text:#666666;--link-text:#0d0d0d;--tooltip-bg:#0d0d0d;--tooltip-text:#ffffff;
  --brand-accent:#0d0d0d;--brand-accent-secondary:#404040;--brand-accent-strong:#0d0d0d;--brand-accent-soft:rgba(0,0,0,.06);--brand-accent-faint:rgba(0,0,0,.03);--brand-accent-border:rgba(0,0,0,.14);--brand-accent-text:#0d0d0d;
  --action-primary:#0d0d0d;--action-primary-hover:#2f2f2f;--action-primary-pressed:#1a1a1a;--action-primary-text:#ffffff;--action-primary-hover-text:#ffffff;--action-primary-hover-icon:#ffffff;--action-primary-pressed-text:#ffffff;--action-primary-pressed-icon:#ffffff;--action-secondary:#ffffff;--action-secondary-hover:#f2f2f2;--action-secondary-pressed:#e8e8e8;--action-secondary-text:#0d0d0d;--action-secondary-hover-text:#0d0d0d;--action-secondary-hover-icon:#404040;--action-secondary-pressed-text:#0d0d0d;--action-secondary-pressed-icon:#0d0d0d;
  --hover-bg:rgba(0,0,0,.05);--hover-text:#0d0d0d;--hover-muted:#5d5d5d;--hover-icon:#404040;--active-bg:#e8e8e8;--active-text:#0d0d0d;--active-muted:#5d5d5d;--active-icon:#0d0d0d;--selected-bg:#ececec;--selected-text:#0d0d0d;--selected-muted:#5d5d5d;--selected-icon:#0d0d0d;--selected-pressed-bg:#dcdcdc;--selected-pressed-text:#0d0d0d;--selected-pressed-muted:#5d5d5d;--selected-pressed-icon:#0d0d0d;--focus-ring:rgba(13,13,13,.18);--disabled-bg:#e8e8e8;--disabled-text:#676767;--disabled-icon:#676767;
  --status-success:#1f4e25;--status-success-on:#ffffff;--status-success-bg:#def3e5;--status-warning:#7a3e0f;--status-warning-bg:#fbe8db;--status-error:#c62828;--status-error-on:#ffffff;--status-error-bg:#fde8e7;--status-info:#0068d6;--status-info-bg:#e8f3fe;
  --icon-primary:#0d0d0d;--icon-muted:#5d5d5d;--sidebar-text:#0d0d0d;--sidebar-muted:#676767;--sidebar-border:rgba(0,0,0,.05);--sidebar-hover:rgba(0,0,0,.05);--sidebar-hover-text:#0d0d0d;--sidebar-hover-muted:#5d5d5d;--sidebar-hover-icon:#404040;--sidebar-active-bg:#e8e8e8;--sidebar-active-text:#0d0d0d;--sidebar-active-muted:#5d5d5d;--sidebar-active-icon:#0d0d0d;--sidebar-selected:#ececec;--sidebar-selected-text:#0d0d0d;--sidebar-selected-muted:#5d5d5d;--sidebar-selected-icon:#0d0d0d;
  --shadow-low:0 0 0 1px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.04);--shadow-medium:0 0 0 1px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.04),0 8px 28px rgba(0,0,0,.06);--shadow-high:0 0 0 1px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.12);--backdrop-bg:rgba(0,0,0,.12);
  --workspace-bg:#fcfcfc;--sidebar-surface:#fcfcfc;--topbar-bg:rgba(252,252,252,.92);--mobile-topbar-bg:#fcfcfc;--mobile-topbar-text:#0d0d0d;--mobile-nav-bg:rgba(252,252,252,.96);--settings-selected-bg:rgba(0,0,0,.04);--settings-selected-text:#0d0d0d;
}

html[data-interface-skin="anthropic"] {
  color-scheme:light;
  --app-bg:#fcfcfb;
  --sidebar-bg:#f9f9f7;
  --surface-primary:#fcfcfb;
  --surface-secondary:#f6f6f4;
  --surface-elevated:#ffffff;
  --surface-subtle-contrast:#f0efec;
  --card-bg:#ffffff;
  --input-bg:rgba(255,255,255,.5);
  --table-bg:#ffffff;
  --modal-bg:#ffffff;
  --dropdown-bg:#ffffff;
  --font-ui:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
  --font-heading:Georgia,"Iowan Old Style","Times New Roman",Times,serif;
  --body-weight:400;
  --body-medium-weight:500;
  --heading-weight:400;
  --heading-strong-weight:600;
  --text-primary:#0b0b0b;
  --text-secondary:#52514e;
  --text-muted:#5f5d58;
  --text-subtle:#68645e;
  --text-inverse:#ffffff;
  --border-default:rgba(11,11,11,.10);
  --border-subtle:rgba(11,11,11,.05);
  --border-strong:rgba(11,11,11,.20);
  --divider:rgba(11,11,11,.10);
  --control-border:#8b8983;
  --focus-outline:#a84f34;
  --placeholder-text:#68645e;
  --link-text:#8f3f29;
  --tooltip-bg:#0b0b0b;
  --tooltip-text:#ffffff;
  --brand-accent:#d97757;
  --brand-accent-secondary:#e18e72;
  --brand-accent-strong:#a84f34;
  --brand-accent-soft:#f5e1d9;
  --brand-accent-faint:#fbf2ee;
  --brand-accent-border:#e5b5a4;
  --brand-accent-text:#8f3f29;
  --action-primary:#0b0b0b;
  --action-primary-hover:#2c2c2a;
  --action-primary-pressed:#171716;
  --action-primary-text:#ffffff;
  --action-primary-hover-text:#ffffff;
  --action-primary-hover-icon:#ffffff;
  --action-primary-pressed-text:#ffffff;
  --action-primary-pressed-icon:#ffffff;
  --action-secondary:rgba(255,255,255,.5);
  --action-secondary-hover:rgba(11,11,11,.05);
  --action-secondary-pressed:#edece8;
  --action-secondary-text:#0b0b0b;
  --action-secondary-hover-text:#0b0b0b;
  --action-secondary-hover-icon:#52514e;
  --action-secondary-pressed-text:#0b0b0b;
  --action-secondary-pressed-icon:#0b0b0b;
  --hover-bg:rgba(11,11,11,.05);
  --hover-text:#0b0b0b;
  --hover-muted:#66645f;
  --hover-icon:#52514e;
  --active-bg:#edece8;
  --active-text:#0b0b0b;
  --active-muted:#66645f;
  --active-icon:#0b0b0b;
  --selected-bg:#fffaf8;
  --selected-text:#713220;
  --selected-muted:#6a4940;
  --selected-icon:#8f3f29;
  --selected-pressed-bg:#ead1c7;
  --selected-pressed-text:#713220;
  --selected-pressed-muted:#6a4940;
  --selected-pressed-icon:#713220;
  --focus-ring:rgba(217,119,87,.28);
  --disabled-bg:#f3f3f0;
  --disabled-text:#686762;
  --disabled-icon:#686762;
  --status-success:#006300;
  --status-success-on:#ffffff;
  --status-success-bg:#caeac7;
  --status-warning:#734500;
  --status-warning-bg:#f9dca4;
  --status-error:#8e2626;
  --status-error-on:#ffffff;
  --status-error-bg:#fad6d6;
  --status-info:#184f95;
  --status-info-bg:#cde2fb;
  --icon-primary:#52514e;
  --icon-muted:#898781;
  --sidebar-text:#0b0b0b;
  --sidebar-muted:#52514e;
  --sidebar-border:rgba(11,11,11,.10);
  --sidebar-hover:rgba(11,11,11,.05);
  --sidebar-hover-text:#0b0b0b;
  --sidebar-hover-muted:#52514e;
  --sidebar-hover-icon:#52514e;
  --sidebar-active-bg:#e4e3dd;
  --sidebar-active-text:#0b0b0b;
  --sidebar-active-muted:#52514e;
  --sidebar-active-icon:#8f3f29;
  --sidebar-selected:#ffffff;
  --sidebar-selected-text:#0b0b0b;
  --sidebar-selected-muted:#52514e;
  --sidebar-selected-icon:#d97757;
  --shadow-low:0 1px 2px rgba(11,11,11,.06),0 2px 8px rgba(11,11,11,.08);
  --shadow-medium:0 2px 4px rgba(11,11,11,.07),0 6px 16px rgba(11,11,11,.08);
  --shadow-high:0 2px 6px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.12);
  --backdrop-bg:rgba(0,0,0,.40);
  --workspace-bg:#fcfcfb;
  --sidebar-surface:#f9f9f7;
  --topbar-bg:rgba(252,252,251,.92);
  --mobile-topbar-bg:#fcfcfb;
  --mobile-topbar-text:#0b0b0b;
  --mobile-nav-bg:rgba(249,249,247,.96);
  --settings-selected-bg:#fffaf8;
  --settings-selected-text:#0b0b0b;
}

html[data-interface-skin="linear"] {
  color-scheme:dark;
  --app-bg:#0d0e12;--sidebar-bg:#090a0e;--surface-primary:#15161c;--surface-secondary:#1d1e26;--surface-elevated:#1a1b22;--surface-subtle-contrast:#272832;
  --card-bg:#15161c;--input-bg:#111217;--table-bg:#15161c;--modal-bg:#191a21;--dropdown-bg:#1a1b22;
  --font-ui:"Sora","DM Sans",ui-sans-serif,system-ui,sans-serif;--font-heading:"Sora","DM Sans",ui-sans-serif,system-ui,sans-serif;
  --body-weight:400;--body-medium-weight:500;--heading-weight:600;--heading-strong-weight:700;
  --text-primary:#f1f1f3;--text-secondary:#d1d1d7;--text-muted:#b5b5bd;--text-subtle:#a6a6ae;--text-inverse:#090a0e;
  --border-default:#2b2c35;--border-subtle:#22232b;--border-strong:#454651;--divider:#22232b;--control-border:#6b6c78;--focus-outline:#9b92ff;--placeholder-text:#a6a6ae;--link-text:#b5adff;--tooltip-bg:#f1f1f3;--tooltip-text:#090a0e;
  --brand-accent:#8b80f9;--brand-accent-secondary:#a69dfc;--brand-accent-strong:#9b92ff;--brand-accent-soft:#292642;--brand-accent-faint:#1d1b2c;--brand-accent-border:#514b85;--brand-accent-text:#b5adff;
  --action-primary:#6e64e8;--action-primary-hover:#5f56dc;--action-primary-pressed:#5148c9;--action-primary-text:#ffffff;--action-primary-hover-text:#ffffff;--action-primary-hover-icon:#ffffff;--action-primary-pressed-text:#ffffff;--action-primary-pressed-icon:#ffffff;--action-secondary:#1d1e26;--action-secondary-hover:#272832;--action-secondary-pressed:#2b2c35;--action-secondary-text:#f1f1f3;--action-secondary-hover-text:#f1f1f3;--action-secondary-hover-icon:#d1d1d7;--action-secondary-pressed-text:#f1f1f3;--action-secondary-pressed-icon:#f1f1f3;
  --hover-bg:#20212a;--hover-text:#f1f1f3;--hover-muted:#b5b5bd;--hover-icon:#d1d1d7;--active-bg:#2b2c35;--active-text:#f1f1f3;--active-muted:#b5b5bd;--active-icon:#f1f1f3;--selected-bg:#292642;--selected-text:#d8d3ff;--selected-muted:#b8b3d6;--selected-icon:#b9b1ff;--selected-pressed-bg:#37315a;--selected-pressed-text:#f0edff;--selected-pressed-muted:#cbc5e8;--selected-pressed-icon:#d1caff;--focus-ring:rgba(139,128,249,.3);--disabled-bg:#272832;--disabled-text:#a1a1aa;--disabled-icon:#a1a1aa;
  --status-success:#65c98d;--status-success-on:#090a0e;--status-success-bg:#183126;--status-warning:#e6b85c;--status-warning-bg:#352b18;--status-error:#f26d6d;--status-error-on:#090a0e;--status-error-bg:#3b2024;--status-info:#7eb7f0;--status-info-bg:#182b40;
  --icon-primary:#d1d1d7;--icon-muted:#a1a1aa;--sidebar-text:#f4f4f6;--sidebar-muted:#8d8d97;--sidebar-border:#24252d;--sidebar-hover:#16171d;--sidebar-hover-text:#f4f4f6;--sidebar-hover-muted:#b0b0b8;--sidebar-hover-icon:#d1d1d7;--sidebar-active-bg:#272832;--sidebar-active-text:#ffffff;--sidebar-active-muted:#b5b5bd;--sidebar-active-icon:#b9b1ff;--sidebar-selected:#20212a;--sidebar-selected-text:#ffffff;--sidebar-selected-muted:#b8b8c2;--sidebar-selected-icon:#b9b1ff;
  --shadow-low:0 4px 14px rgba(0,0,0,.28);--shadow-medium:0 14px 38px rgba(0,0,0,.35);--shadow-high:0 28px 80px rgba(0,0,0,.58);--backdrop-bg:rgba(0,0,0,.62);
}

html[data-interface-skin="todoist"] {
  color-scheme:light;
  --app-bg:#faf9f7;--sidebar-bg:#ffffff;--surface-primary:#ffffff;--surface-secondary:#f3f2ef;--surface-elevated:#ffffff;--surface-subtle-contrast:#e8e6e2;
  --card-bg:#ffffff;--input-bg:#ffffff;--table-bg:#ffffff;--modal-bg:#ffffff;--dropdown-bg:#ffffff;
  --font-ui:"DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-heading:"DM Sans",ui-sans-serif,system-ui,sans-serif;
  --body-weight:400;--body-medium-weight:500;--heading-weight:600;--heading-strong-weight:700;
  --text-primary:#202020;--text-secondary:#3d3d3d;--text-muted:#5f5f5f;--text-subtle:#686461;--text-inverse:#ffffff;
  --border-default:#deddd9;--border-subtle:#ecebe7;--border-strong:#bdbcb8;--divider:#ecebe7;--control-border:#8a8782;--focus-outline:#b8392e;--placeholder-text:#686461;--link-text:#a42e25;--tooltip-bg:#202020;--tooltip-text:#ffffff;
  --brand-accent:#dc4c3e;--brand-accent-secondary:#e97b70;--brand-accent-strong:#c33b30;--brand-accent-soft:#fce8e6;--brand-accent-faint:#fff4f2;--brand-accent-border:#efb8b2;--brand-accent-text:#a42e25;
  --action-primary:#c83e32;--action-primary-hover:#b8392e;--action-primary-pressed:#a83229;--action-primary-text:#ffffff;--action-primary-hover-text:#ffffff;--action-primary-hover-icon:#ffffff;--action-primary-pressed-text:#ffffff;--action-primary-pressed-icon:#ffffff;--action-secondary:#ffffff;--action-secondary-hover:#f5f3f0;--action-secondary-pressed:#e8e6e2;--action-secondary-text:#202020;--action-secondary-hover-text:#202020;--action-secondary-hover-icon:#3d3d3d;--action-secondary-pressed-text:#202020;--action-secondary-pressed-icon:#202020;
  --hover-bg:#f5f3f0;--hover-text:#202020;--hover-muted:#5f5f5f;--hover-icon:#3d3d3d;--active-bg:#e8e6e2;--active-text:#202020;--active-muted:#5f5f5f;--active-icon:#202020;--selected-bg:#fce8e6;--selected-text:#a42e25;--selected-muted:#7d4944;--selected-icon:#b8392e;--selected-pressed-bg:#f8d8d4;--selected-pressed-text:#8d251e;--selected-pressed-muted:#7d4944;--selected-pressed-icon:#8d251e;--focus-ring:rgba(220,76,62,.22);--disabled-bg:#e8e6e2;--disabled-text:#666666;--disabled-icon:#666666;
  --status-success:#287a46;--status-success-on:#ffffff;--status-success-bg:#e7f4eb;--status-warning:#955f16;--status-warning-bg:#fbf0d9;--status-error:#b73f33;--status-error-on:#ffffff;--status-error-bg:#fce8e6;--status-info:#346da7;--status-info-bg:#e7f0f8;
  --icon-primary:#3d3d3d;--icon-muted:#6f6f6f;--sidebar-text:#202020;--sidebar-muted:#666666;--sidebar-border:#e6e4df;--sidebar-hover:#f4f2ef;--sidebar-hover-text:#202020;--sidebar-hover-muted:#5f5f5f;--sidebar-hover-icon:#3d3d3d;--sidebar-active-bg:#e8e6e2;--sidebar-active-text:#202020;--sidebar-active-muted:#5f5f5f;--sidebar-active-icon:#b8392e;--sidebar-selected:#fce8e6;--sidebar-selected-text:#b8392e;--sidebar-selected-muted:#7d4944;--sidebar-selected-icon:#b8392e;
  --shadow-low:0 3px 10px rgba(32,32,32,.055);--shadow-medium:0 12px 34px rgba(32,32,32,.075);--shadow-high:0 26px 68px rgba(32,32,32,.17);--backdrop-bg:rgba(32,32,32,.34);
}

html[data-interface-skin="notion"] {
  color-scheme:light;
  --app-bg:#f7f6f3;--sidebar-bg:#f1f1ef;--surface-primary:#ffffff;--surface-secondary:#f1f1ef;--surface-elevated:#ffffff;--surface-subtle-contrast:#e7e7e5;
  --card-bg:#ffffff;--input-bg:#ffffff;--table-bg:#ffffff;--modal-bg:#ffffff;--dropdown-bg:#ffffff;
  --font-ui:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--font-heading:Georgia,"Iowan Old Style",ui-serif,serif;
  --body-weight:400;--body-medium-weight:500;--heading-weight:600;--heading-strong-weight:700;
  --text-primary:#37352f;--text-secondary:#4f4d47;--text-muted:#5f5d58;--text-subtle:#66645f;--text-inverse:#ffffff;
  --border-default:#deddd9;--border-subtle:#efeeeb;--border-strong:#bfbeba;--divider:#efeeeb;--control-border:#85837d;--focus-outline:#155d9f;--placeholder-text:#66645f;--link-text:#155d9f;--tooltip-bg:#37352f;--tooltip-text:#ffffff;
  --brand-accent:#2383e2;--brand-accent-secondary:#5aa5e8;--brand-accent-strong:#1b6fbd;--brand-accent-soft:#e4f0fb;--brand-accent-faint:#f2f7fc;--brand-accent-border:#b4d2ed;--brand-accent-text:#155d9f;
  --action-primary:#37352f;--action-primary-hover:#24231f;--action-primary-pressed:#171612;--action-primary-text:#ffffff;--action-primary-hover-text:#ffffff;--action-primary-hover-icon:#ffffff;--action-primary-pressed-text:#ffffff;--action-primary-pressed-icon:#ffffff;--action-secondary:#ffffff;--action-secondary-hover:#f1f1ef;--action-secondary-pressed:#e7e7e5;--action-secondary-text:#37352f;--action-secondary-hover-text:#37352f;--action-secondary-hover-icon:#4f4d47;--action-secondary-pressed-text:#37352f;--action-secondary-pressed-icon:#37352f;
  --hover-bg:#f1f1ef;--hover-text:#37352f;--hover-muted:#67655f;--hover-icon:#4f4d47;--active-bg:#e7e7e5;--active-text:#37352f;--active-muted:#67655f;--active-icon:#37352f;--selected-bg:#e4f0fb;--selected-text:#155d9f;--selected-muted:#4f6070;--selected-icon:#155d9f;--selected-pressed-bg:#d4e8f8;--selected-pressed-text:#0f4f87;--selected-pressed-muted:#4f6070;--selected-pressed-icon:#0f4f87;--focus-ring:rgba(35,131,226,.2);--disabled-bg:#e7e7e5;--disabled-text:#66645f;--disabled-icon:#66645f;
  --status-success:#3d7556;--status-success-on:#ffffff;--status-success-bg:#e8f1eb;--status-warning:#926119;--status-warning-bg:#faf0dc;--status-error:#b6413d;--status-error-on:#ffffff;--status-error-bg:#fbe9e8;--status-info:#1d6bb9;--status-info-bg:#e4f0fb;
  --icon-primary:#4f4d47;--icon-muted:#767570;--sidebar-text:#37352f;--sidebar-muted:#5f5d58;--sidebar-border:#d9d8d4;--sidebar-hover:#e8e7e4;--sidebar-hover-text:#37352f;--sidebar-hover-muted:#67655f;--sidebar-hover-icon:#4f4d47;--sidebar-active-bg:#deddd9;--sidebar-active-text:#37352f;--sidebar-active-muted:#5f5d58;--sidebar-active-icon:#155d9f;--sidebar-selected:#ffffff;--sidebar-selected-text:#37352f;--sidebar-selected-muted:#67655f;--sidebar-selected-icon:#155d9f;
  --shadow-low:0 2px 7px rgba(55,53,47,.05);--shadow-medium:0 10px 28px rgba(55,53,47,.065);--shadow-high:0 24px 64px rgba(55,53,47,.16);--backdrop-bg:rgba(55,53,47,.34);
}

html[data-interface-skin="stripe"] {
  color-scheme:light;
  --app-bg:#f3f6fb;--sidebar-bg:#111827;--surface-primary:#ffffff;--surface-secondary:#edf2f7;--surface-elevated:#ffffff;--surface-subtle-contrast:#dfe7f1;
  --card-bg:#ffffff;--input-bg:#ffffff;--table-bg:#ffffff;--modal-bg:#ffffff;--dropdown-bg:#ffffff;
  --font-ui:"DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-heading:"Sora","DM Sans",ui-sans-serif,system-ui,sans-serif;
  --body-weight:400;--body-medium-weight:500;--heading-weight:600;--heading-strong-weight:700;
  --text-primary:#1a1f36;--text-secondary:#3c4257;--text-muted:#5d6574;--text-subtle:#5f6675;--text-inverse:#ffffff;
  --border-default:#d7deea;--border-subtle:#e8edf4;--border-strong:#b5c0cf;--divider:#e8edf4;--control-border:#7f899a;--focus-outline:#5148e5;--placeholder-text:#5f6675;--link-text:#453bd1;--tooltip-bg:#1a1f36;--tooltip-text:#ffffff;
  --brand-accent:#635bff;--brand-accent-secondary:#8f87ff;--brand-accent-strong:#5148e5;--brand-accent-soft:#e8e7ff;--brand-accent-faint:#f4f3ff;--brand-accent-border:#c5c1ff;--brand-accent-text:#453bd1;
  --action-primary:#635bff;--action-primary-hover:#5148e5;--action-primary-pressed:#4038c8;--action-primary-text:#ffffff;--action-primary-hover-text:#ffffff;--action-primary-hover-icon:#ffffff;--action-primary-pressed-text:#ffffff;--action-primary-pressed-icon:#ffffff;--action-secondary:#ffffff;--action-secondary-hover:#edf2f7;--action-secondary-pressed:#dfe7f1;--action-secondary-text:#1a1f36;--action-secondary-hover-text:#1a1f36;--action-secondary-hover-icon:#3c4257;--action-secondary-pressed-text:#1a1f36;--action-secondary-pressed-icon:#1a1f36;
  --hover-bg:#edf2f7;--hover-text:#1a1f36;--hover-muted:#596579;--hover-icon:#3c4257;--active-bg:#dfe7f1;--active-text:#1a1f36;--active-muted:#596579;--active-icon:#1a1f36;--selected-bg:#e8e7ff;--selected-text:#453bd1;--selected-muted:#5a538f;--selected-icon:#5148e5;--selected-pressed-bg:#d8d5ff;--selected-pressed-text:#382fb8;--selected-pressed-muted:#5a538f;--selected-pressed-icon:#4038c8;--focus-ring:rgba(99,91,255,.23);--disabled-bg:#dfe7f1;--disabled-text:#596579;--disabled-icon:#596579;
  --status-pill-font:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--status-pill-weight:900;--status-pill-letter-spacing:.07em;--status-neutral:#555555;--status-neutral-bg:#fafafa;--status-success:#147c3b;--status-success-on:#ffffff;--status-success-bg:#e8f5ec;--status-warning:#9c5f07;--status-warning-bg:#fff3d6;--status-error:#d60000;--status-error-on:#ffffff;--status-error-bg:#ffe9e9;--status-info:#0068d6;--status-info-bg:#e7f1fb;
  --icon-primary:#3c4257;--icon-muted:#697386;--sidebar-text:#f7f9fc;--sidebar-muted:#aab4c5;--sidebar-border:rgba(214,224,240,.14);--sidebar-hover:#1b2639;--sidebar-hover-text:#f7f9fc;--sidebar-hover-muted:#c7cfdb;--sidebar-hover-icon:#f7f9fc;--sidebar-active-bg:#2c3a55;--sidebar-active-text:#ffffff;--sidebar-active-muted:#c7cfdb;--sidebar-active-icon:#a9a4ff;--sidebar-selected:#25324a;--sidebar-selected-text:#ffffff;--sidebar-selected-muted:#c7cfdb;--sidebar-selected-icon:#a9a4ff;
  --shadow-low:0 3px 10px rgba(26,31,54,.06);--shadow-medium:0 14px 38px rgba(26,31,54,.085);--shadow-high:0 28px 72px rgba(26,31,54,.19);--backdrop-bg:rgba(26,31,54,.4);
}

html[data-interface-skin="vercel"] {
  color-scheme:light;
  --app-bg:#ffffff;--sidebar-bg:#000000;--surface-primary:#ffffff;--surface-secondary:#fafafa;--surface-elevated:#ffffff;--surface-subtle-contrast:#eeeeee;
  --card-bg:#ffffff;--input-bg:#ffffff;--table-bg:#ffffff;--modal-bg:#ffffff;--dropdown-bg:#ffffff;
  --font-ui:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--font-heading:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --body-weight:400;--body-medium-weight:500;--heading-weight:600;--heading-strong-weight:700;
  --text-primary:#000000;--text-secondary:#333333;--text-muted:#555555;--text-subtle:#666666;--text-inverse:#ffffff;
  --border-default:#eaeaea;--border-subtle:#f1f1f1;--border-strong:#c7c7c7;--divider:#f1f1f1;--control-border:#888888;--focus-outline:#000000;--placeholder-text:#666666;--link-text:#000000;--tooltip-bg:#000000;--tooltip-text:#ffffff;
  --brand-accent:#000000;--brand-accent-secondary:#333333;--brand-accent-strong:#000000;--brand-accent-soft:#eeeeee;--brand-accent-faint:#fafafa;--brand-accent-border:#bdbdbd;--brand-accent-text:#000000;
  --action-primary:#000000;--action-primary-hover:#333333;--action-primary-pressed:#1a1a1a;--action-primary-text:#ffffff;--action-primary-hover-text:#ffffff;--action-primary-hover-icon:#ffffff;--action-primary-pressed-text:#ffffff;--action-primary-pressed-icon:#ffffff;--action-secondary:#ffffff;--action-secondary-hover:#fafafa;--action-secondary-pressed:#eeeeee;--action-secondary-text:#000000;--action-secondary-hover-text:#000000;--action-secondary-hover-icon:#333333;--action-secondary-pressed-text:#000000;--action-secondary-pressed-icon:#000000;
  --hover-bg:#fafafa;--hover-text:#000000;--hover-muted:#555555;--hover-icon:#333333;--active-bg:#eeeeee;--active-text:#000000;--active-muted:#555555;--active-icon:#000000;--selected-bg:#dedede;--selected-text:#000000;--selected-muted:#555555;--selected-icon:#000000;--selected-pressed-bg:#c7c7c7;--selected-pressed-text:#000000;--selected-pressed-muted:#4f4f4f;--selected-pressed-icon:#000000;--focus-ring:rgba(0,0,0,.18);--disabled-bg:#eeeeee;--disabled-text:#666666;--disabled-icon:#666666;
  --status-pill-font:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--status-pill-weight:900;--status-pill-letter-spacing:.07em;--status-neutral:#555555;--status-neutral-bg:#fafafa;--status-success:#147c3b;--status-success-on:#ffffff;--status-success-bg:#e8f5ec;--status-warning:#9c5f07;--status-warning-bg:#fff3d6;--status-error:#d60000;--status-error-on:#ffffff;--status-error-bg:#ffe9e9;--status-info:#0068d6;--status-info-bg:#e7f1fb;
  --icon-primary:#333333;--icon-muted:#666666;--sidebar-text:#ffffff;--sidebar-muted:#b3b3b3;--sidebar-border:#2a2a2a;--sidebar-hover:#1a1a1a;--sidebar-hover-text:#ffffff;--sidebar-hover-muted:#c7c7c7;--sidebar-hover-icon:#ffffff;--sidebar-active-bg:#262626;--sidebar-active-text:#ffffff;--sidebar-active-muted:#d4d4d4;--sidebar-active-icon:#ffffff;--sidebar-selected:#1f1f1f;--sidebar-selected-text:#ffffff;--sidebar-selected-muted:#d4d4d4;--sidebar-selected-icon:#ffffff;
  --shadow-low:0 2px 6px rgba(0,0,0,.045);--shadow-medium:0 10px 28px rgba(0,0,0,.065);--shadow-high:0 24px 68px rgba(0,0,0,.16);--backdrop-bg:rgba(0,0,0,.36);
  --workspace-bg:#ffffff;--sidebar-surface:#000000;--topbar-bg:rgba(255,255,255,.94);--mobile-topbar-bg:#000000;--mobile-topbar-text:#ffffff;--mobile-nav-bg:#000000;
}

/* Skin-picker miniatures live beside the canonical palettes so preview colors
   cannot drift into a second JavaScript theme definition. */
.v3-skin-option[data-skin="invoice-flow-teal"]{--theme-color:#3fbfae;--theme-on:#17161d;--skin-preview-bg:#eceae4;--skin-preview-sidebar:#17161d;--skin-preview-surface:#faf9f5;--skin-preview-text:#17161d;--skin-preview-button:#17161d}
.v3-skin-option[data-skin="apple"]{--theme-color:#0071e3;--theme-on:#ffffff;--skin-preview-bg:#f2f2f4;--skin-preview-sidebar:#f7f7f8;--skin-preview-surface:#ffffff;--skin-preview-text:#1d1d1f;--skin-preview-button:#0071e3}
.v3-skin-option[data-skin="openai"]{--theme-color:#0d0d0d;--theme-on:#ffffff;--skin-preview-bg:#fcfcfc;--skin-preview-sidebar:#fcfcfc;--skin-preview-surface:#ffffff;--skin-preview-text:#0d0d0d;--skin-preview-button:#0d0d0d}
.v3-skin-option[data-skin="anthropic"]{--theme-color:#d97757;--theme-on:#ffffff;--skin-preview-bg:#fcfcfb;--skin-preview-sidebar:#f9f9f7;--skin-preview-surface:#ffffff;--skin-preview-text:#0b0b0b;--skin-preview-button:#0b0b0b}
.v3-skin-option[data-skin="linear"]{--theme-color:#8b80f9;--theme-on:#090a0e;--skin-preview-bg:#0d0e12;--skin-preview-sidebar:#090a0e;--skin-preview-surface:#15161c;--skin-preview-text:#f1f1f3;--skin-preview-button:#6e64e8}
.v3-skin-option[data-skin="todoist"]{--theme-color:#dc4c3e;--theme-on:#ffffff;--skin-preview-bg:#faf9f7;--skin-preview-sidebar:#ffffff;--skin-preview-surface:#ffffff;--skin-preview-text:#202020;--skin-preview-button:#c83e32}
.v3-skin-option[data-skin="notion"]{--theme-color:#2383e2;--theme-on:#ffffff;--skin-preview-bg:#f7f6f3;--skin-preview-sidebar:#f1f1ef;--skin-preview-surface:#ffffff;--skin-preview-text:#37352f;--skin-preview-button:#37352f}
.v3-skin-option[data-skin="stripe"]{--theme-color:#635bff;--theme-on:#ffffff;--skin-preview-bg:#f3f6fb;--skin-preview-sidebar:#111827;--skin-preview-surface:#ffffff;--skin-preview-text:#1a1f36;--skin-preview-button:#635bff}
.v3-skin-option[data-skin="vercel"]{--theme-color:#000000;--theme-on:#ffffff;--skin-preview-bg:#ffffff;--skin-preview-sidebar:#000000;--skin-preview-surface:#ffffff;--skin-preview-text:#000000;--skin-preview-button:#ffffff}

/* Compatibility bridge. Existing components inherit the semantic contract;
   no skin-specific component selectors are required. */
html[data-interface-skin] {
  --font-sans:var(--font-ui);--font-display:var(--font-heading);--fw-regular:var(--body-weight);--fw-medium:var(--body-medium-weight);--fw-semibold:var(--heading-weight);--fw-bold:var(--heading-strong-weight);
  --ink:var(--text-primary);--ink-2:var(--text-secondary);--muted:var(--text-muted);--muted-2:var(--text-subtle);--faint:var(--disabled-text);
  --canvas:var(--app-bg);--panel:var(--surface-primary);--panel-2:var(--surface-secondary);--panel-3:var(--surface-subtle-contrast);--line:var(--border-default);--line-2:var(--border-subtle);--line-3:var(--border-strong);
  --rail:var(--sidebar-bg);--rail-2:var(--sidebar-bg);--rail-ink:var(--sidebar-text);--rail-muted:var(--sidebar-muted);--rail-line:var(--sidebar-border);--rail-hover:var(--sidebar-hover);--rail-active:var(--sidebar-selected);--rail-active-ink:var(--sidebar-selected-text);
  --accent:var(--brand-accent);--accent-2:var(--brand-accent-secondary);--accent-deep:var(--brand-accent-strong);--accent-soft:var(--brand-accent-soft);--accent-faint:var(--brand-accent-faint);--accent-border:var(--brand-accent-border);--accent-ring:var(--focus-ring);--accent-ink:var(--brand-accent-text);--accent-on:var(--action-primary-text);--accent-on-deep:var(--action-primary-text);
  --lime:var(--status-success);--lime-soft:var(--status-success-bg);--amber:var(--status-warning);--amber-soft:var(--status-warning-bg);--coral:var(--status-error);--coral-soft:var(--status-error-bg);--violet:var(--status-info);--violet-soft:var(--status-info-bg);
  --surface-input:var(--input-bg);--surface-table:var(--table-bg);--modal-surface:var(--modal-bg);--dropdown-surface:var(--dropdown-bg);--button-primary:var(--action-primary);--button-primary-hover:var(--action-primary-hover);--button-primary-ink:var(--action-primary-text);--button-secondary:var(--action-secondary);--button-secondary-ink:var(--action-secondary-text);--state-hover:var(--hover-bg);--state-hover-text:var(--hover-text);--state-hover-icon:var(--hover-icon);--state-active:var(--active-bg);--state-active-text:var(--active-text);--state-active-icon:var(--active-icon);--state-selected:var(--selected-bg);--state-selected-text:var(--selected-text);--state-selected-icon:var(--selected-icon);--icon-color:var(--icon-muted);
  --shadow-xs:var(--shadow-low);--shadow-sm:var(--shadow-low);--shadow:var(--shadow-medium);--shadow-lg:var(--shadow-high);--shadow-pop:var(--shadow-high);
  --label-weight:var(--body-medium-weight);--button-weight:var(--body-medium-weight);--nav-weight:var(--body-medium-weight);--input-weight:var(--body-weight);--table-heading-weight:var(--body-medium-weight);
  --topbar-logo-filter:none;
}

html[data-interface-skin="linear"] { --topbar-logo-filter:brightness(0) invert(1); }

/* Customer-facing papers are documents, not interface chrome. Their neutral
   page system remains stable while the surrounding application re-skins. */
:where(.v3-document-sheet,.v3-doc-paper,.v3-public-document,.v5-receipt-paper,.v5-email-device) {
  --font-ui:"DM Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --font-heading:"Sora","DM Sans",ui-sans-serif,system-ui,sans-serif;
  --text-primary:#17161d;--text-secondary:#343139;--text-muted:#706d66;--text-subtle:#928e84;
  --surface-primary:#ffffff;--surface-secondary:#f1efe8;--surface-subtle-contrast:#e5e2da;
  --border-default:#dedbd2;--border-subtle:#ebe8e0;--border-strong:#c9c5bc;
  background:#ffffff;color:var(--text-primary);font-family:var(--font-ui);
}