/* Generated from apps/web/src/ui/skins.ts. Do not edit. */
html[data-skin="glass"],
.app-shell[data-skin="glass"],
.system-shell[data-skin="glass"],
.admin-shell[data-skin="glass"],
.login-shell[data-skin="glass"] {
  color-scheme: dark;
  --page-background: #080b0e;
  --text: #f3f7fa;
  --muted: rgba(226, 234, 240, 0.7);
  --faint: rgba(226, 234, 240, 0.45);
  --line: rgba(255, 255, 255, 0.088);
  --line-soft: rgba(255, 255, 255, 0.055);
  --glass: rgb(16 21 26 / var(--system-panel-opacity, 50%));
  --glass-soft: rgba(255, 255, 255, 0.038);
  --glass-strong: rgba(12, 16, 21, 0.78);
  --surface-dark: rgba(4, 7, 10, 0.34);
  --surface-light: rgba(255, 255, 255, 0.052);
  --generate-stage-background: linear-gradient(145deg, #1b2227, #14191d);
  --shadow: rgba(0, 0, 0, 0.2);
  --inverse-text: #0a0d10;
  --accent-quiet: #a9b8c4;
  --accent-action: #edf5fa;
  --success: #bdf4cf;
  --warning: #f7df93;
  --danger: #fecaca;
  --skin-link-color: rgba(232, 239, 244, 0.6);
  --skin-panel-background: var(--glass);
  --skin-panel-soft-background: var(--glass-soft);
  --skin-panel-strong-background: var(--glass-strong);
  --skin-panel-border: var(--line);
  --skin-panel-border-soft: var(--line-soft);
  --skin-node-radius: var(--radius);
  --agent-scroll-fade-source: var(--skin-panel-strong-background);
  --boot-bg: #080b0e;
  --boot-text: #f3f7fa;
  --boot-surface: rgba(12, 16, 21, 0.78);
  --boot-line: rgba(255, 255, 255, 0.088);
  background: var(--page-background);
  color: var(--text);
}

html[data-skin="graphite"],
.app-shell[data-skin="graphite"],
.system-shell[data-skin="graphite"],
.admin-shell[data-skin="graphite"],
.login-shell[data-skin="graphite"] {
  color-scheme: dark;
  --page-background: #0c0d0f;
  --text: #f2f3f0;
  --muted: rgba(225, 226, 219, 0.68);
  --faint: rgba(225, 226, 219, 0.44);
  --line: rgba(255, 255, 255, 0.105);
  --line-soft: rgba(255, 255, 255, 0.065);
  --glass: rgb(18 18 20 / var(--system-panel-opacity, 76%));
  --glass-soft: rgba(255, 255, 255, 0.045);
  --glass-strong: rgba(14, 14, 16, 0.84);
  --surface-dark: rgba(5, 5, 6, 0.42);
  --surface-light: rgba(255, 255, 255, 0.058);
  --generate-stage-background: linear-gradient(145deg, #222225, #19191b);
  --shadow: rgba(0, 0, 0, 0.24);
  --inverse-text: #101114;
  --accent-quiet: #a9b8c4;
  --accent-action: #e8dec1;
  --success: #bfe8cb;
  --warning: #e9cf86;
  --danger: #f3b9b4;
  --skin-link-color: rgba(234, 230, 218, 0.62);
  --skin-panel-background: var(--glass);
  --skin-panel-soft-background: var(--glass-soft);
  --skin-panel-strong-background: var(--glass-strong);
  --skin-panel-border: var(--line);
  --skin-panel-border-soft: var(--line-soft);
  --skin-node-radius: var(--radius);
  --agent-scroll-fade-source: var(--skin-panel-strong-background);
  --boot-bg: #0c0d0f;
  --boot-text: #f2f3f0;
  --boot-surface: rgba(14, 14, 16, 0.84);
  --boot-line: rgba(255, 255, 255, 0.105);
  background: var(--page-background);
  color: var(--text);
}

html[data-skin="pearl"],
.app-shell[data-skin="pearl"],
.system-shell[data-skin="pearl"],
.admin-shell[data-skin="pearl"],
.login-shell[data-skin="pearl"] {
  color-scheme: light;
  --page-background: #f4f1ea;
  --text: #172026;
  --muted: rgba(37, 48, 54, 0.68);
  --faint: rgba(37, 48, 54, 0.46);
  --line: rgba(23, 32, 38, 0.13);
  --line-soft: rgba(23, 32, 38, 0.085);
  --glass: rgb(250 248 241 / var(--system-panel-opacity, 80%));
  --glass-soft: rgba(255, 255, 255, 0.56);
  --glass-strong: rgba(243, 240, 231, 0.88);
  --surface-dark: rgba(255, 255, 255, 0.48);
  --surface-light: rgba(23, 32, 38, 0.06);
  --generate-stage-background: linear-gradient(145deg, #eeece5, #e2dfd6);
  --shadow: rgba(62, 53, 38, 0.12);
  --inverse-text: #f7f4ec;
  --accent-quiet: #a9b8c4;
  --accent-action: #172026;
  --success: #3c7a58;
  --warning: #8a6b1d;
  --danger: #9b3d3d;
  --skin-link-color: rgba(35, 48, 55, 0.58);
  --skin-panel-background: var(--glass);
  --skin-panel-soft-background: var(--glass-soft);
  --skin-panel-strong-background: var(--glass-strong);
  --skin-panel-border: var(--line);
  --skin-panel-border-soft: var(--line-soft);
  --skin-node-radius: var(--radius);
  --agent-scroll-fade-source: var(--skin-panel-strong-background);
  --boot-bg: #f4f1ea;
  --boot-text: #172026;
  --boot-surface: rgba(243, 240, 231, 0.88);
  --boot-line: rgba(23, 32, 38, 0.13);
  background: var(--page-background);
  color: var(--text);
}

html[data-skin="cyber-tide"],
.app-shell[data-skin="cyber-tide"],
.system-shell[data-skin="cyber-tide"],
.admin-shell[data-skin="cyber-tide"],
.login-shell[data-skin="cyber-tide"] {
  color-scheme: dark;
  --page-background: #06111b;
  --text: #e9f8ff;
  --muted: rgba(206, 235, 246, 0.72);
  --faint: rgba(206, 235, 246, 0.46);
  --line: rgba(102, 220, 255, 0.20);
  --line-soft: rgba(102, 220, 255, 0.12);
  --glass: rgb(5 19 30 / var(--system-panel-opacity, 80%));
  --glass-soft: rgba(65, 215, 255, 0.10);
  --glass-strong: rgba(4, 15, 26, 0.91);
  --surface-dark: rgba(0, 8, 15, 0.60);
  --surface-light: rgba(68, 215, 255, 0.095);
  --generate-stage-background: #071620;
  --shadow: rgba(0, 2, 7, 0.50);
  --inverse-text: #04101a;
  --accent-quiet: #82d2ee;
  --accent-action: #41d7ff;
  --success: #59e3aa;
  --warning: #ffd47a;
  --danger: #ff9cad;
  --skin-link-color: rgba(135, 222, 255, 0.82);
  --skin-panel-background: var(--glass);
  --skin-panel-soft-background: var(--glass-soft);
  --skin-panel-strong-background: var(--glass-strong);
  --skin-panel-border: var(--line);
  --skin-panel-border-soft: var(--line-soft);
  --skin-node-radius: var(--radius);
  --agent-scroll-fade-source: var(--skin-panel-strong-background);
  --skin-wallpaper-image: url("/skins/cyber-tide/wallpaper-desktop.webp");
  --skin-wallpaper-present: 1;
  --skin-wallpaper-portrait-image: url("/skins/cyber-tide/wallpaper-portrait.svg");
  --skin-wallpaper-portrait-present: 1;
  --skin-logo-image: url("/skins/cyber-tide/logo.svg");
  --skin-logo-present: 1;
  --skin-starter-text-to-image: url("/skins/cyber-tide/starter-text-to-image-v2.webp");
  --skin-starter-text-to-image-present: 1;
  --skin-starter-image-to-image: url("/skins/cyber-tide/starter-image-to-image-v2.webp");
  --skin-starter-image-to-image-present: 1;
  --skin-marketplace-promo-art-image: url("/skins/cyber-tide/marketplace-promo-v2.webp");
  --skin-marketplace-promo-art-present: 1;
  --skin-settings-header-art-image: url("/skins/cyber-tide/settings-header-v2.webp");
  --skin-settings-header-art-present: 1;
  --boot-bg: #06111b;
  --boot-text: #e9f8ff;
  --boot-surface: rgba(4, 15, 26, 0.91);
  --boot-line: rgba(102, 220, 255, 0.20);
  background: var(--page-background);
  color: var(--text);
}

html[data-skin="starlight-stage"],
.app-shell[data-skin="starlight-stage"],
.system-shell[data-skin="starlight-stage"],
.admin-shell[data-skin="starlight-stage"],
.login-shell[data-skin="starlight-stage"] {
  color-scheme: light;
  --page-background: #f4f2ff;
  --text: #241a54;
  --muted: rgba(36, 26, 84, 0.70);
  --faint: rgba(36, 26, 84, 0.46);
  --line: rgba(112, 70, 232, 0.22);
  --line-soft: rgba(112, 70, 232, 0.12);
  --glass: rgb(247 245 255 / var(--system-panel-opacity, 82%));
  --glass-soft: rgba(255, 255, 255, 0.58);
  --glass-strong: rgba(247, 245, 255, 0.92);
  --surface-dark: rgba(36, 26, 84, 0.09);
  --surface-light: rgba(255, 255, 255, 0.62);
  --generate-stage-background: linear-gradient(145deg, #f8f5ff, #dfe8ff);
  --shadow: rgba(44, 31, 90, 0.16);
  --inverse-text: #fbf9ff;
  --accent-quiet: #8067c9;
  --accent-action: #7046e8;
  --success: #24866e;
  --warning: #916716;
  --danger: #b74377;
  --skin-link-color: rgba(92, 61, 184, 0.68);
  --skin-panel-background: var(--glass);
  --skin-panel-soft-background: var(--glass-soft);
  --skin-panel-strong-background: var(--glass-strong);
  --skin-panel-border: var(--line);
  --skin-panel-border-soft: var(--line-soft);
  --skin-node-radius: var(--radius);
  --agent-scroll-fade-source: var(--skin-panel-strong-background);
  --skin-wallpaper-image: url("/skins/starlight-stage/wallpaper.webp");
  --skin-wallpaper-present: 1;
  --skin-wallpaper-portrait-image: url("/skins/starlight-stage/wallpaper.webp");
  --skin-wallpaper-portrait-present: 1;
  --skin-character-image: url("/skins/starlight-stage/character.webp");
  --skin-character-present: 1;
  --skin-logo-image: url("/skins/starlight-stage/logo.webp");
  --skin-logo-present: 1;
  --skin-ornament-image: url("/skins/starlight-stage/ornament.webp");
  --skin-ornament-present: 1;
  --skin-node-frame-image: url("/skins/starlight-stage/node-frame.webp");
  --skin-node-frame-present: 1;
  --skin-node-text-icon-image: url("/skins/starlight-stage/icon-node-text.webp");
  --skin-node-text-icon-present: 1;
  --skin-node-image-input-icon-image: url("/skins/starlight-stage/icon-node-image-input.webp");
  --skin-node-image-input-icon-present: 1;
  --skin-node-vision-icon-image: url("/skins/starlight-stage/icon-node-vision.webp");
  --skin-node-vision-icon-present: 1;
  --skin-node-generate-icon-image: url("/skins/starlight-stage/icon-node-generate.webp");
  --skin-node-generate-icon-present: 1;
  --skin-node-loop-icon-image: url("/skins/starlight-stage/icon-node-loop.webp");
  --skin-node-loop-icon-present: 1;
  --skin-node-output-icon-image: url("/skins/starlight-stage/icon-node-output.webp");
  --skin-node-output-icon-present: 1;
  --skin-canvas-map-icon-image: url("/skins/starlight-stage/icon-canvas-map.webp");
  --skin-canvas-map-icon-present: 1;
  --skin-canvas-grid-icon-image: url("/skins/starlight-stage/icon-canvas-grid.webp");
  --skin-canvas-grid-icon-present: 1;
  --skin-canvas-focus-icon-image: url("/skins/starlight-stage/icon-canvas-focus.webp");
  --skin-canvas-focus-icon-present: 1;
  --skin-canvas-help-icon-image: url("/skins/starlight-stage/icon-node-text.webp");
  --skin-canvas-help-icon-present: 1;
  --skin-starter-text-to-image: url("/skins/starlight-stage/starter-text-to-image.webp");
  --skin-starter-text-to-image-present: 1;
  --skin-starter-image-to-image: url("/skins/starlight-stage/starter-image-to-image.webp");
  --skin-starter-image-to-image-present: 1;
  --skin-project-tool-icon-image: url("/skins/starlight-stage/icon-projects.webp");
  --skin-project-tool-icon-present: 1;
  --skin-history-tool-icon-image: url("/skins/starlight-stage/icon-history.webp");
  --skin-history-tool-icon-present: 1;
  --skin-materials-tool-icon-image: url("/skins/starlight-stage/icon-materials.webp");
  --skin-materials-tool-icon-present: 1;
  --skin-marketplace-tool-icon-image: url("/skins/starlight-stage/icon-marketplace.webp");
  --skin-marketplace-tool-icon-present: 1;
  --skin-settings-icon-image: url("/skins/starlight-stage/icon-settings.webp");
  --skin-settings-icon-present: 1;
  --skin-profile-character-image: url("/skins/starlight-stage/profile-character.webp");
  --skin-profile-character-present: 1;
  --skin-projects-empty-art-image: url("/skins/starlight-stage/empty-projects.webp");
  --skin-projects-empty-art-present: 1;
  --skin-history-empty-art-image: url("/skins/starlight-stage/empty-history.webp");
  --skin-history-empty-art-present: 1;
  --skin-materials-empty-art-image: url("/skins/starlight-stage/empty-materials.webp");
  --skin-materials-empty-art-present: 1;
  --skin-marketplace-promo-art-image: url("/skins/starlight-stage/marketplace-promo.webp");
  --skin-marketplace-promo-art-present: 1;
  --skin-settings-header-art-image: url("/skins/starlight-stage/settings-header.webp");
  --skin-settings-header-art-present: 1;
  --boot-bg: #f4f2ff;
  --boot-text: #241a54;
  --boot-surface: rgba(247, 245, 255, 0.92);
  --boot-line: rgba(112, 70, 232, 0.22);
  background: var(--page-background);
  color: var(--text);
}

html[data-skin="lumen-foundry"],
.app-shell[data-skin="lumen-foundry"],
.system-shell[data-skin="lumen-foundry"],
.admin-shell[data-skin="lumen-foundry"],
.login-shell[data-skin="lumen-foundry"] {
  color-scheme: dark;
  --page-background: #0c0e0a;
  --text: #f1f3e9;
  --muted: rgba(223, 229, 210, 0.72);
  --faint: rgba(223, 229, 210, 0.46);
  --line: rgba(207, 234, 69, 0.20);
  --line-soft: rgba(207, 234, 69, 0.12);
  --glass: rgb(15 18 13 / var(--system-panel-opacity, 82%));
  --glass-soft: rgba(207, 234, 69, 0.09);
  --glass-strong: rgba(10, 12, 9, 0.92);
  --surface-dark: rgba(2, 4, 2, 0.60);
  --surface-light: rgba(232, 240, 207, 0.08);
  --generate-stage-background: linear-gradient(145deg, #171b12, #0f120d);
  --shadow: rgba(0, 2, 0, 0.50);
  --inverse-text: #11140b;
  --accent-quiet: #a4b56f;
  --accent-action: #cfea45;
  --success: #5fd39a;
  --warning: #f0b55a;
  --danger: #ff756b;
  --skin-link-color: rgba(220, 237, 145, 0.82);
  --skin-panel-background: var(--glass);
  --skin-panel-soft-background: var(--glass-soft);
  --skin-panel-strong-background: var(--glass-strong);
  --skin-panel-border: var(--line);
  --skin-panel-border-soft: var(--line-soft);
  --skin-node-radius: var(--radius);
  --agent-scroll-fade-source: var(--skin-panel-strong-background);
  --skin-wallpaper-image: url("/skins/lumen-foundry/wallpaper-desktop.webp");
  --skin-wallpaper-present: 1;
  --skin-wallpaper-portrait-image: url("/skins/lumen-foundry/wallpaper-portrait.webp");
  --skin-wallpaper-portrait-present: 1;
  --skin-logo-image: url("/skins/lumen-foundry/logo.webp");
  --skin-logo-present: 1;
  --skin-marketplace-promo-art-image: url("/skins/lumen-foundry/marketplace-promo.webp");
  --skin-marketplace-promo-art-present: 1;
  --skin-settings-header-art-image: url("/skins/lumen-foundry/settings-header.webp");
  --skin-settings-header-art-present: 1;
  --boot-bg: #0c0e0a;
  --boot-text: #f1f3e9;
  --boot-surface: rgba(10, 12, 9, 0.92);
  --boot-line: rgba(207, 234, 69, 0.20);
  background: var(--page-background);
  color: var(--text);
}

html[data-skin="remielle-dualwing"],
.app-shell[data-skin="remielle-dualwing"],
.system-shell[data-skin="remielle-dualwing"],
.admin-shell[data-skin="remielle-dualwing"],
.login-shell[data-skin="remielle-dualwing"] {
  color-scheme: dark;
  --page-background: #14121a;
  --text: #f5f1f5;
  --muted: rgba(218, 207, 218, 0.76);
  --faint: rgba(218, 207, 218, 0.50);
  --line: rgba(218, 201, 225, 0.14);
  --line-soft: rgba(218, 201, 225, 0.08);
  --glass: rgb(28 24 34 / var(--system-panel-opacity, 84%));
  --glass-soft: rgba(216, 198, 226, 0.07);
  --glass-strong: rgba(21, 18, 27, 0.95);
  --surface-dark: rgba(13, 12, 18, 0.80);
  --surface-light: rgba(240, 226, 239, 0.075);
  --generate-stage-background: #191621;
  --shadow: rgba(8, 6, 12, 0.55);
  --inverse-text: #24131c;
  --accent-quiet: #b9acd5;
  --accent-action: #e49ab8;
  --success: #70c8a4;
  --warning: #e0b06d;
  --danger: #ee7f95;
  --skin-link-color: rgba(213, 193, 226, 0.90);
  --skin-panel-background: var(--glass);
  --skin-panel-soft-background: var(--glass-soft);
  --skin-panel-strong-background: var(--glass-strong);
  --skin-panel-border: var(--line);
  --skin-panel-border-soft: var(--line-soft);
  --skin-node-radius: var(--radius);
  --agent-scroll-fade-source: var(--skin-panel-strong-background);
  --skin-wallpaper-image: url("/skins/remielle-dualwing/wallpaper-desktop-v3.webp");
  --skin-wallpaper-present: 1;
  --skin-wallpaper-portrait-image: url("/skins/remielle-dualwing/wallpaper-portrait-v3.webp");
  --skin-wallpaper-portrait-present: 1;
  --skin-character-image: url("/skins/remielle-dualwing/canvas-left-dark-v4.webp");
  --skin-character-present: 1;
  --skin-logo-image: url("/skins/remielle-dualwing/logo.svg");
  --skin-logo-present: 1;
  --skin-node-frame-image: url("/skins/remielle-dualwing/node-frame-v4.svg");
  --skin-node-frame-present: 1;
  --skin-profile-character-image: url("/skins/remielle-dualwing/profile-characters-v3.webp");
  --skin-profile-character-present: 1;
  --skin-marketplace-promo-art-image: url("/skins/remielle-dualwing/marketplace-promo-v4.webp");
  --skin-marketplace-promo-art-present: 1;
  --boot-bg: #14121a;
  --boot-text: #f5f1f5;
  --boot-surface: rgba(21, 18, 27, 0.95);
  --boot-line: rgba(218, 201, 225, 0.14);
  background: var(--page-background);
  color: var(--text);
}