/* User-selected light appearance. Keep generated images and media in their original colors. */
html[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f7fc;
  --paper: #ffffff;
  --ink: #172337;
  --muted: #53657f;
  --line: #d4dfed;
  --orange: #315fc4;
  --green: #315fc4;
  --soft: #ebf2ff;
}
html[data-theme="light"] body { background: #f4f7fc; color: var(--ink); }
html[data-theme="light"] body::before {
  background:
    radial-gradient(ellipse at 72% 23%, #d9e7ff 0, transparent 38%),
    radial-gradient(ellipse at 18% 68%, #e9f0ff 0, transparent 44%),
    linear-gradient(#9db5da1a 1px, transparent 1px),
    linear-gradient(90deg, #9db5da1a 1px, transparent 1px),
    #f4f7fc;
  background-size: auto, auto, 96px 96px, 96px 96px, auto;
  animation: none;
}
html[data-theme="light"] .ui-icon { filter: brightness(0) saturate(100%) invert(25%) sepia(25%) saturate(1060%) hue-rotate(178deg); }
html[data-theme="light"] .project-cover .ui-icon { filter: none; }
html[data-theme="light"] .nav-capsule,
html[data-theme="light"] .user-menu summary,
html[data-theme="light"] .search-circle,
html[data-theme="light"] .user-options,
html[data-theme="light"] .creative-dock {
  background: #ffffffd9;
  border-color: #c9d7e7;
  box-shadow: 0 12px 35px #28476a12;
}
html[data-theme="light"] .wordmark { color: #142641; }
html[data-theme="light"] .wordmark span { color: #396adb; }
html[data-theme="light"] .nav-capsule nav button { color: #4e627d; }
html[data-theme="light"] .nav-capsule nav button.active,
html[data-theme="light"] .nav-capsule nav button:hover { background: #eaf1ff; border-color: #d7e3f6; color: #1b3a6e; }
html[data-theme="light"] .user-options { width: 224px; }
.theme-choice { display: flex; gap: 5px; margin: 12px 0 14px; padding: 4px; border: 1px solid var(--line); border-radius: 13px; background: #849ab518; }
.theme-choice button { flex: 1; width: auto; margin: 0; padding: 7px 8px; border-radius: 9px; text-align: center; font-size: 12px; }
.theme-choice button[aria-pressed="true"] { font-weight: 700; }
html[data-theme="dark"] .theme-choice button[aria-pressed="true"] { background: #607fae55; color: #fff; }
html[data-theme="light"] .theme-choice button[aria-pressed="true"] { background: #dce9ff; color: #224b9d; }
html[data-theme="light"] .stage-heading .eyebrow,
html[data-theme="light"] .eyebrow { color: #3c65a9; }
html[data-theme="light"] .stage-heading>div>p,
html[data-theme="light"] .stage-aside,
html[data-theme="light"] .stage-shortcuts blockquote,
html[data-theme="light"] .stage-shortcuts blockquote small { color: #5b6f89; }
html[data-theme="light"] .creation-strip,
html[data-theme="light"] .stage-shortcuts,
html[data-theme="light"] .stage-project,
html[data-theme="light"] .shortcut-row,
html[data-theme="light"] .ops-card,
html[data-theme="light"] .card,
html[data-theme="light"] .panel,
html[data-theme="light"] .stat,
html[data-theme="light"] .hero,
html[data-theme="light"] .login {
  background: #ffffffd9;
  border-color: #d6e1ee;
  box-shadow: 0 8px 30px #3455790c;
}
html[data-theme="light"] .business-line { background:#ffffffd9; border-color:#d6e1ee; color:#1d2c43; }
html[data-theme="light"] .priority-item,
html[data-theme="light"] .customer-action { background:#f7faff; border-color:#d5e0ee; }
html[data-theme="light"] .creation-strip button+button { border-left-color: #d6e1ee; }
html[data-theme="light"] .creation-strip button:hover,
html[data-theme="light"] .stage-project:hover,
html[data-theme="light"] .shortcut-row:hover { background: #eef4ff; }
html[data-theme="light"] .creation-strip small,
html[data-theme="light"] .project-description p,
html[data-theme="light"] .shortcut-row small,
html[data-theme="light"] .creative-dock small,
html[data-theme="light"] .cardfooter { color: #526681; }
html[data-theme="light"] .project-description h3,
html[data-theme="light"] .shortcut-row b { color: #1d2c43; }
html[data-theme="light"] .project-state { color: #315db3; }
html[data-theme="light"] .shortcut-initial { color: #315db3; }
html[data-theme="light"] .text-button { color: #315da8; }
html[data-theme="light"] .creative-dock button>.ui-icon { background: transparent; border-color: #d6e3fa; }
html[data-theme="light"] .creative-dock button:hover { color: #315db3; }
html[data-theme="light"] button { background: #f7faff; border-color: #cddbed; color: #1c3557; }
html[data-theme="light"] button:hover { background: #eaf2ff; border-color: #9bb8e8; }
html[data-theme="light"] button.primary,
html[data-theme="light"] button.accent,
html[data-theme="light"] .tool-open { background: #315fc4; border-color: #315fc4; color: #fff; }
html[data-theme="light"] button.primary:hover,
html[data-theme="light"] button.accent:hover,
html[data-theme="light"] .tool-open:hover { background: #214aab; border-color: #214aab; color: #fff; }
html[data-theme="light"] .nav-capsule button,
html[data-theme="light"] .wordmark,
html[data-theme="light"] .search-circle,
html[data-theme="light"] .creative-dock button,
html[data-theme="light"] .creation-strip button,
html[data-theme="light"] .shortcut-row>button,
html[data-theme="light"] .text-button { border-color: transparent; background-color: transparent; }
html[data-theme="light"] a { color: #285bb4; }
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select { background-color: #fff; border-color: #bbcce0; color: #1d2f49; }
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder { color: #64758b; }
html[data-theme="light"] select option { background: #fff; color: #1d2f49; }
html[data-theme="light"] #page select,
html[data-theme="light"] dialog select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23556882' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
html[data-theme="light"] label,
html[data-theme="light"] .tabs button { color: #455d79; }
html[data-theme="light"] .tabs button.active { background: #e4eeff; color: #2757af; }
html[data-theme="light"] .tag,
html[data-theme="light"] .tag.gray { background: #e7efff; color: #2c559d; }
html[data-theme="light"] .tag.orange { background: #fff1df; color: #986018; }
html[data-theme="light"] .note,
html[data-theme="light"] .empty,
html[data-theme="light"] .toolbar,
html[data-theme="light"] .tool-due,
html[data-theme="light"] .step { background: #eaf1fc; border-color: #c9d9ee; color: #385477; }
html[data-theme="light"] .step b { color: #315db3; }
html[data-theme="light"] .tool-due.attention { background: #fff3df; color: #875500; }
html[data-theme="light"] dialog { background: #ffffff; color: var(--ink); border-color: #c5d6ea; box-shadow: 0 26px 75px #203b5b32; }
html[data-theme="light"] dialog::backdrop { background: #40587c78; }
html[data-theme="light"] #toast { background: #243f66; color: #fff; border-color: #5271a1; }
html[data-theme="light"] .prod-layout,
html[data-theme="light"] .prod-node,
html[data-theme="light"] .prod-story-card,
html[data-theme="light"] .prod-zoom,
html[data-theme="light"] .prod-sequence { background: #fff; border-color: #cbd9ea; }
html[data-theme="light"] .prod-stage,
html[data-theme="light"] .prod-canvas,
html[data-theme="light"] .prod-thumb,
html[data-theme="light"] .prod-blank,
html[data-theme="light"] .prod-start,
html[data-theme="light"] .prod-candidate { background-color: #edf3fb; color: #4b6485; }
html[data-theme="light"] .prod-canvas { background-image: radial-gradient(#9ab2d34d 1px,transparent 1px); }
html[data-theme="light"] .prod-card-head { background: #eaf1fb; color: #294c7b; }
html[data-theme="light"] .prod-node p,
html[data-theme="light"] .prod-story-card>p { color: #526984; }
html[data-theme="light"] .prod-sequence-item.selected,
html[data-theme="light"] .prod-library-item.chosen { background: #dbeaff; color: #1d4380; border-color: #719ddd; }
html[data-theme="light"] .cp-table { border-color: #d2deee; background: #ffffffcf; }
html[data-theme="light"] .cp-table th,
html[data-theme="light"] .cp-table td { border-bottom-color: #dce5f1; }
html[data-theme="light"] .cp-board>section { background: #eaf1fb; }
html[data-theme="light"] .phone-registration { background: #eef4fc; }
html[data-theme="light"] .tool-field-error { color: #a12d22; }
html[data-theme="light"] .tool-form-error,
html[data-theme="light"] .biz-error,
html[data-theme="light"] .job.error { background: #fff0ed; color: #922c20; border-color: #e9b0a9; }
.biz-error:empty { display: none; }
html[data-theme="light"] .catalog-card img,
html[data-theme="light"] .catalog-card video,
html[data-theme="light"] .asset img { background: #f2f5f9; }