/* R210 review: pure-white light canvases with the original sage accents.
   Paint surfaces only; approved action textures, starter cards, selected-state
   colors, status/provider colors and all dark-mode rules stay unchanged. */
:root:not([data-theme="dark"]) {
  --bg: #ffffff;
  --bg-deep: #ffffff;
  --surface: #ffffff;
  --surface-solid: #ffffff;
  --sidebar: #ffffff;
  --studio: #ffffff;
  --browser-surface: #ffffff;
}
:root:not([data-theme="dark"]) :is(
  .app-shell, .workspace, .sidebar, .studio, .composer-area,
  .workspace-business-footer, .auth-boot-stage,
  .role-shell, .story-shell
) {
  background: #ffffff;
}
:root:not([data-theme="dark"]) :is(
  .account-card, .account-stats > div, .sync-note,
  .panel-card, .panel-card.accent, .purchase-card, .credit-hero,
  .credit-hero .credit-split > div, .commerce-state, .commerce-notice
) {
  background: #ffffff;
}
:root:not([data-theme="dark"]) .vs-shell {
  --vs-bg: #ffffff;
  --vs-card: #ffffff;
}
:root:not([data-theme="dark"]) .vs-shell :is(.vs-tint, .vs-trial-fields, .vs-paper) {
  background: #ffffff;
}
:root:not([data-theme="dark"]) .vs-completion-toast {
  background: #ffffff;
}

/* All light-mode feature canvases, cards and fields share the white base. */
:root:not([data-theme="dark"]) {
  --surface-soft: #ffffff;
  --surface-strong: #ffffff;
  --accent-soft: #ffffff;
}
:root:not([data-theme="dark"]) :is(
  .text-input, .text-area, .select-input, .helper-box, .scope-switch,
  .quick-card, .persona-card, .custom-persona-card, .debate-preview-card,
  .voltage-center, .voltage-level-button:not(.active), .service-menu-list,
  .credit-product-option, .credit-product-option.recommended,
  .checkout-product-summary, .context-share-summary, .lounge-credit-balance,
  .composer-context, .debate-header, .debate-character-card,
  .debate-evidence-progress, .debate-evidence-ledger, .markdown-body blockquote,
  .speech-voice-policy-note, .refund-quote-summary .refund-quote-total,
  .role-notice, .role-user, .role-pending, .role-retry, .role-guest-trial,
  .story-library, .story-notice, .story-archived-banner, .story-player-line,
  .story-branch-draft, .story-panel-summary-card, .story-current-branch,
  .story-thinking-loader, .story-voltage-help, .story-voltage-bands article,
  .story-voltage-guide-note, .story-return-recap, .story-quick-start,
  .story-quick-story-card, .story-experience-picker, .story-mode-extra,
  .story-mode-help-example, .story-variant-nav, .story-rule-result,
  .story-rules-toolbox, .story-backdrop-picker, .story-backdrop-panel-current,
  .story-backdrop-panel-message, .vs-notice, .vs-readiness, .vs-field-help,
  .vs-tint, .vs-credit-guide
) {
  background: #ffffff;
}
/* Fixed selector specificity for older ambient surface rules. */
:root:not([data-theme="dark"]) :is(
  #debate-order, #debate-speech-register, #persona-scope-switch,
  #voltage-scope-switch, .speech-engine-switch
).scope-switch,
:root:not([data-theme="dark"]) .quick-grid .quick-card:nth-child(n),
:root:not([data-theme="dark"]) .persona-list .persona-card:nth-child(n) {
  background: #ffffff;
}


/* R210 approved H: Forest Green, white labels, pure-white light surfaces. */
:root:not([data-theme="dark"]) {
  --accent: #50634d;
  --accent-strong: #243c2d;
  --accent-rgb: 80, 99, 77;
  --accent-strong-rgb: 36, 60, 45;
  --accent-wash: rgba(80, 99, 77, .11);
  --drawer-action-image: url("./drawer-gradient-light-r210-forest.svg");
  --drawer-action-text: #ffffff;
}
/* Nested labels in selected actions must also contrast with the dark fill. */
:root:not([data-theme="dark"]) :is(
  .primary-action,
  .small-primary,
  .send-button:not(.stop),
  .start-debate-button,
  .purchase-button,
  .speech-voice-preview.is-active,
  .voltage-level-button.active,
  .studio-mobile-tabs button.active,
  .studio-mobile-tabs button[aria-selected="true"],
  .scope-switch button.active,
  .speech-engine-switch button[aria-checked="true"],
  .vs-primary,
  .vs-completion-open,
  .vs-template[aria-pressed="true"],
  .vs-steps button.active,
  .role-button.primary,
  .role-mode.selected,
  .role-section-nav [aria-pressed="true"],
  .story-primary,
  .story-send,
  .story-new,
  .story-quick-story-card > button,
  .story-rule-offer-body button,
  .story-trpg-preset-actions > button,
  #story-text-editor-submit,
  .story-return-recap button:first-child,
  .story-first-scene > button,
  .story-panel-tabs button.active,
  .story-library-tabs button.active,
  .story-mobile-library-tabs button.active,
  [data-story-experience].active,
  [data-story-experience][aria-checked="true"],
  [data-story-experience][aria-pressed="true"],
  .story-quick-genre.active,
  .debate-character-actions button.active,
  .debate-intervention-scroll button.active,
  .debate-format-option.active,
  .story-room-mode-tools button,
  .story-panel-mode-tab,
  .story-backdrop-category[aria-checked="true"],
  .story-backdrop-category.active

) :is(span, strong, small, em, b, i, label) {
  color: #ffffff;
}

/* Home starter cards retain their approved bloom geometry, now Forest Green. */
:root:not([data-theme="dark"]) .prompt-grid .feature-launch-card {
  border-color: rgba(80, 99, 77, .16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 13px 28px rgba(36,60,45,.065);
}
:root:not([data-theme="dark"]) .prompt-grid .feature-launch-card:is([data-home-feature="voice-studio"],[data-home-feature="illusion-studio"],[data-home-feature="debate"]) {
  background:
    radial-gradient(ellipse at 18% 6%, rgba(80,99,77,.17) 0%, rgba(80,99,77,.07) 34%, transparent 66%),
    radial-gradient(circle at 92% 100%, rgba(36,60,45,.055) 0%, transparent 38%),
    linear-gradient(145deg, #ffffff 0%, #fafcfb 57%, #f2f6f3 100%);
}
:root:not([data-theme="dark"]) .prompt-grid .feature-launch-card[data-home-feature="role"] {
  background:
    radial-gradient(ellipse at 67% -8%, rgba(80,99,77,.19) 0%, rgba(80,99,77,.08) 35%, transparent 68%),
    radial-gradient(circle at -4% 88%, rgba(36,60,45,.045) 0%, transparent 35%),
    linear-gradient(145deg, #ffffff 0%, #f9fbfa 55%, #f1f5f2 100%);
}
:root:not([data-theme="dark"]) .prompt-grid .feature-launch-card[data-home-feature="story"] {
  background:
    radial-gradient(ellipse at 88% 34%, rgba(80,99,77,.18) 0%, rgba(80,99,77,.075) 37%, transparent 69%),
    radial-gradient(circle at 8% -6%, rgba(36,60,45,.05) 0%, transparent 34%),
    linear-gradient(145deg, #ffffff 0%, #f9fbfa 58%, #f2f6f3 100%);
}
:root:not([data-theme="dark"]) .prompt-grid .feature-launch-card:is([data-home-feature="voice-studio"],[data-home-feature="illusion-studio"],[data-home-feature="debate"])::after {
  background: radial-gradient(circle, rgba(36,60,45,.095) 0%, rgba(36,60,45,.04) 42%, transparent 72%);
}
:root:not([data-theme="dark"]) .prompt-grid .feature-launch-card[data-home-feature="role"]::after {
  background: radial-gradient(circle, rgba(36,60,45,.115) 0%, rgba(36,60,45,.045) 42%, transparent 74%);
}
:root:not([data-theme="dark"]) .prompt-grid .feature-launch-card[data-home-feature="story"]::after {
  background: radial-gradient(circle, rgba(36,60,45,.10) 0%, rgba(36,60,45,.038) 44%, transparent 74%);
}