/* Michael web companion. Dark mode is retained when explicitly selected. */
html[data-theme="light"] {
  color-scheme: light; background: #F2EFE8;
  --ios-bg-primary: #F2EFE8; --ios-bg-secondary: #E8E4DA; --ios-bg-tertiary: #E1DCD0;
  --ios-bg-elevated: #FBF9F4; --ios-bg-grouped: #E8E4DA;
  --panel-bg: rgba(242,239,232,.98); --panel-bg-light: #FBF9F4;
  --panel-border: rgba(17,17,16,.15); --panel-border-bright: rgba(17,17,16,.3);
  --text-primary: #111110; --text-secondary: #4A4740; --text-tertiary: #736E64; --text-quaternary: #8A857B;
  --ios-separator: #D5CFC2; --ios-separator-translucent: rgba(17,17,16,.16);
  --ios-blue: #1F3DFF; --accent: #1F3DFF; --accent-blue: #1F3DFF; --accent-purple: #1F3DFF;
  --ios-fill-primary: rgba(17,17,16,.09); --ios-fill-secondary: rgba(17,17,16,.06);
  --ios-fill-tertiary: rgba(17,17,16,.04); --ios-fill-quaternary: rgba(17,17,16,.02);
}
html[data-theme="light"] body { font-family: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif; }
html[data-theme="light"] body,
html[data-theme="light"] body:not(.oracle-junior-mode) :where(.app-container,.main-content,.topbar,.chat-container,.chat-area,.messages-container,.input-container,.input-wrapper,.quick-actions-bar,.mobile-bottom-bar,.mobile-topbar) {
  background: #F2EFE8 !important; color: #111110 !important; border-color: #D5CFC2 !important;
}
html[data-theme="light"] body:not(.oracle-junior-mode) :where(.sidebar,.side-panel,.panel-header,.settings-panel,.settings-modal,.modal-content,.dropdown-menu,.mode-dropdown,.mode-selector-dropdown,.context-menu,.popup-menu,.sb-menu,.sb-footer) {
  background: #E8E4DA !important; color: #111110 !important; border-color: #D5CFC2 !important;
  box-shadow: none !important;
}
html[data-theme="light"] body:not(.oracle-junior-mode) :where(.message-bubble.ai,.message-bubble.user,.settings-section,.setting-item,.account-section,.integration-card,.device-card) {
  background: #FBF9F4 !important; color: #111110 !important; border-color: #D5CFC2 !important;
}
html[data-theme="light"] body:not(.oracle-junior-mode) :where(.topbar,.sidebar,.side-panel,.settings-modal,.modal-content) :where(h1,h2,h3,h4,p,label,button,.chat-title,.chat-name,.chat-preview,.sb-nav-item,.sidebar-btn,.topbar-btn,.mode-current-name,.setting-label,.setting-description,.panel-title,.metric-label,.metric-value) {
  color: #111110 !important;
}
html[data-theme="light"] body:not(.oracle-junior-mode) :where(.input-wrapper,.input-container,.settings-modal,.modal-content) :where(textarea,input:not([type=range]):not([type=checkbox]),select) {
  background: #FBF9F4 !important; color: #111110 !important; border-color: #D5CFC2 !important;
}
html[data-theme="light"] body:not(.oracle-junior-mode) :where(textarea,input)::placeholder { color: #736E64 !important; opacity: 1; }
html[data-theme="light"] body:not(.oracle-junior-mode) :where(.input-action-btn,.mobile-quick-btn,.mobile-voice-btn,.send-btn,.quick-action-btn,.mode-selector-btn) { color: #1F3DFF !important; }
html[data-theme="light"] body:not(.oracle-junior-mode) :where(.chat-item:hover,.sidebar-btn:hover,.sb-nav-item:hover) { background: #E1DCD0 !important; }
html[data-theme="light"] body:not(.oracle-junior-mode) :where(button,a,input,textarea,select):focus-visible { outline: 2px solid #1F3DFF; outline-offset: 3px; }
html[data-theme="light"] ::selection { background: #1F3DFF; color: #fff; }
/* Intentional code/output surfaces and user-created preview frames keep their palette. */

html[data-theme="light"] body:not(.oracle-junior-mode) { --red: #1F3DFF; --red-bright: #1F3DFF; --red-dark: #1832D6; --accent-primary: #1F3DFF; --michael-color: #1F3DFF; --micheal-color: #1F3DFF; --oracle-color: #1F3DFF; --cyan: #1F3DFF; }
html[data-theme="light"] body:not(.oracle-junior-mode) .message.ai .message-time { color: #736E64 !important; }