/* Scoped to isolated public demos by landing-theme.js. Never loaded by /app. */
html[data-landing-theme="light"] { color-scheme:light; --page:#f7f5ef; --white:#fffcf7; --off:#faf8f3; --paper:#eeeae1; --ink:#25231f; --ink2:#403c35; --muted:#656057; --muted2:#777168; --border:#e6e0d5; --border2:#d9d1c4; --surface:#fffcf7; }
html[data-landing-theme="light"] body { color:#202124; }
html[data-landing-theme="light"] .sys { color:#3c4043; }
html[data-landing-theme="light"] .sys small { color:#5f6368; }
html[data-landing-theme="light"] .win { border-color:#dadce0; box-shadow:0 24px 65px -18px #51412d50,0 4px 12px #51412d12; }
html[data-landing-theme="light"] .w-bar, html[data-landing-theme="light"] .dock { background:#f1f3f4e8; color:#3c4043; border-color:#dadce0; }
html[data-landing-theme="light"] .dock { box-shadow:0 12px 35px #51412d20; }
html[data-landing-theme="light"] .dock .search, html[data-landing-theme="light"] .dock .app.on { background:#ffffff; color:#667781; }
html[data-landing-theme="light"] .addr.dark { background:#f0f2f5; border-color:#dadce0; }
html[data-landing-theme="light"] .addr.dark span { background:#ffffff; color:#667781; border-color:#dadce0; }
html[data-landing-theme="light"] .chrome.dark .ch-page, html[data-landing-theme="light"] .meet { background:#ffffff; color:#202124; }
html[data-landing-theme="light"] .wa-side, html[data-landing-theme="light"] .wa-head, html[data-landing-theme="light"] .wa-input { background:#f0f2f5; border-color:#dadce0; }
html[data-landing-theme="light"] .wa-chat { border-color:#e9edef; }
html[data-landing-theme="light"] .wa-chat.on { background:#f0f2f5; }
html[data-landing-theme="light"] .wa-side-top b, html[data-landing-theme="light"] .wa-chat b, html[data-landing-theme="light"] .wa-head b { color:#202124; }
html[data-landing-theme="light"] .wa-side-top span, html[data-landing-theme="light"] .wa-field { background:#ffffff; color:#667781; }
html[data-landing-theme="light"] .wa-chat small, html[data-landing-theme="light"] .wa-chat em, html[data-landing-theme="light"] .wa-head small, html[data-landing-theme="light"] .wa-ic { color:#667781; }
html[data-landing-theme="light"] .wa-body { background:#efeae2; }
html[data-landing-theme="light"] .wa-day { background:#ffffff; color:#667781; }
html[data-landing-theme="light"] .wa-msg { background:#ffffff; color:#202124; box-shadow:0 1px 2px #51412d18; }
html[data-landing-theme="light"] .wa-msg:before { border-right-color:#ffffff; }
html[data-landing-theme="light"] .wa-msg.me { background:#d9fdd3; }
html[data-landing-theme="light"] .wa-msg.me:before { border-left-color:#d9fdd3; border-right-color:transparent; }
html[data-landing-theme="light"] .wa-msg small { color:#667781; }
html[data-landing-theme="light"] .meet>header, html[data-landing-theme="light"] .meet>header small, html[data-landing-theme="light"] .meet>footer { color:#667781; }
html[data-landing-theme="light"] .meet>header b { color:#202124; }
html[data-landing-theme="light"] .meet>footer span { background:#efeae2; }
html[data-landing-theme="light"] :is(.hero-say,.coach,.ghost,.companion-history,.companion-review,.companion-composer,.companion-message) { background:#ffffff; color:#403c35; border-color:#cfc6b8; box-shadow:0 12px 35px #51412d20; }
html[data-landing-theme="light"] .hero-say::before,
html[data-landing-theme="light"] .coach::after,
html[data-landing-theme="light"] .companion-message.is-assistant::before { background:#ffffff; border-color:#cfc6b8; }
html[data-landing-theme="light"] :is(.hero-say p,.hero-say small,.coach p,.coach small,.companion-message p,.companion-history small) { color:#667781; }
html[data-landing-theme="light"] :is(.hero-say strong,.coach strong) { color:#25231f; }
html[data-landing-theme="light"] :is(.hero-say p,.coach p) { color:#514b43; }
html[data-landing-theme="light"] .coach-step { color:#ad3d1b; }

/* Dark-mode child colors must be overridden explicitly on light Pet panels. */
html[data-landing-theme="light"] .companion-message.is-user { background:#f1f3f4; }
html[data-landing-theme="light"] .companion-message>header strong { color:#5b554c; }
html[data-landing-theme="light"] :is(.companion-message-body,.companion-composer textarea) { color:#403c35; }
html[data-landing-theme="light"] .companion-composer textarea::placeholder { color:#656057; }
html[data-landing-theme="light"] .companion-composer button { background:#c34c27; }
html[data-landing-theme="light"] .companion-composer button:disabled { background:#e7ddcf; color:#776b5b; }
html[data-landing-theme="light"] .companion-chat-header { border-color:#e6e0d5; }
html[data-landing-theme="light"] :is(.companion-chat-header button,#companionChatStatus) { color:#656057; }
html[data-landing-theme="light"] .companion-chat-header button:hover { color:#25231f; background:#eeeae1; }
html[data-landing-theme="light"] #companionChatStatus:not(:empty) { border-color:#e6e0d5; }
html[data-landing-theme="light"] .companion-copy { color:#656057!important; }
html[data-landing-theme="light"] .companion-copy:hover { color:#25231f!important; background:#eeeae1!important; }
html[data-landing-theme="light"] .pdfv .pdf-tools { background:#f0f2f5; color:#3c4043; }

/* Actual Pet UI copied for this demo: surfaces, input, menu and responses. */
html[data-landing-theme="light"] .tw-companion { color:#403c35; }
html[data-landing-theme="light"] :is(.tw-companion-bubble,.tw-companion-intro,.tw-companion-menu,.tw-companion-compose form) { background:#fffcf7; border-color:#cfc6b8; box-shadow:0 8px 25px #51412d20; }
html[data-landing-theme="light"] :is(.tw-companion-bubble p,.tw-companion-intro li,.tw-companion-meta,.tw-companion-meta button,.tw-companion-intro small,.tw-companion-drop span,.tw-companion-intent) { color:#656057; }
html[data-landing-theme="light"] .tw-companion-intro strong { color:#25231f; }
html[data-landing-theme="light"] .tw-companion-compose textarea::placeholder { color:#777168; }
html[data-landing-theme="light"] .tw-companion-compose form button { background:#eeeae1; color:#514b43; }
html[data-landing-theme="light"] .tw-companion-compose form button[type=submit], html[data-landing-theme="light"] .tw-companion-intro [data-comp=intro-ok] { background:#c34c27; color:#fff; }
html[data-landing-theme="light"] .tw-companion-compose form button[type=submit]:disabled { background:#e7ddcf; color:#776b5b; }
html[data-landing-theme="light"] .tw-companion-options { background:#fffcf7; border-color:#cfc6b8!important; color:#656057!important; }
html[data-landing-theme="light"] .tw-companion-entry-mode select { background:#fffcf7; border-color:#cfc6b8; color:#514b43; }
html[data-landing-theme="light"] .tw-companion-menu button:hover, html[data-landing-theme="light"] .tw-companion-intro-actions button { background:#eeeae1; color:#403c35; }
html[data-landing-theme="light"] .tw-companion-bubble>button { color:#8b4c28; }
html[data-landing-theme="light"] .tw-companion-status { color:#326841; }
html[data-landing-theme="light"] :is(.tw-companion-compose textarea,.tw-companion-drop strong) { color:#403c35; }
html[data-landing-theme="light"] :is(.tw-companion-bubble footer button,.tw-companion-bubble [data-comp=save-answer],.tw-companion-result .tw-companion-dismiss,.tw-companion-voice-status,.tw-companion-voice-status button,.tw-companion-tools .tw-companion-mode,.tw-companion-meta .tw-companion-shortcut) { color:#656057; }
html[data-landing-theme="light"] :is(.tw-companion-bubble footer button:hover,.tw-companion-result .tw-companion-dismiss:hover,.tw-companion-meta .tw-companion-shortcut:hover) { color:#25231f; background:#eeeae1; }
html[data-landing-theme="light"] .tw-companion-mode:hover,
html[data-landing-theme="light"] .tw-companion-shortcut.demo-tip { color:#25231f!important; background:#eeeae1!important; }
html[data-landing-theme="light"] .tw-companion-mode[aria-pressed=true] { color:#ad3d1b!important; background:#fff0e5!important; }
html[data-landing-theme="light"] :is(.tw-companion-shortcut [role=tooltip],.tw-companion-mode [role=tooltip],.tw-companion-meta [data-comp-language]) { background:#ffffff; color:#403c35; border-color:#cfc6b8; }
html[data-landing-theme="light"] :is(.tw-companion-shortcut [role=tooltip] small,.tw-companion-bubble.is-compact p,.tw-companion-remind>span) { color:#656057; }
html[data-landing-theme="light"] .tw-companion-remind button { background:#eeeae1; color:#514b43; border-color:#cfc6b8!important; }
html[data-landing-theme="light"] .tw-companion-remind button:hover { color:#25231f; border-color:#8b7e6b!important; }
html[data-landing-theme="light"] .tw-companion-remind button[aria-pressed=true] { background:#fff0e5; color:#ad3d1b; }
html[data-landing-theme="light"] .tw-companion-bubble.is-reminder:not(.is-compact) .tw-companion-remind button:first-child { background:#c34c27; color:#ffffff; border-color:#c34c27!important; }
html[data-landing-theme="light"] .tw-companion-bubble [data-comp=save-answer]:disabled { color:#326841; }
html[data-landing-theme="light"] .tw-companion-bubble.is-reminder .tw-companion-status { color:#ad3d1b; }
html[data-landing-theme="light"] .tw-companion-voice-status[data-phase=error] { color:#ad3d1b; }

/* The demo's AI drawer also follows the paper palette. */
html[data-landing-theme="light"] :is(.agent-panel,.agent-header,.agent-input,.ai-welcome button,.ai-result,.floating-ai) { background:#fffcf7; color:#403c35; border-color:#d9d1c4; }
html[data-landing-theme="light"] :is(.agent-header>div>span,.ai-scope,.ai-welcome p,.ai-message,.ai-result small,.ai-disclaimer) { color:#656057; }
html[data-landing-theme="light"] .ai-message.user { background:#eeeae1; border-color:#d9d1c4; color:#403c35; }
html[data-landing-theme="light"] .agent-input textarea { color:#25231f; }
html[data-landing-theme="light"] .agent-input textarea::placeholder { color:#777168; }

html[data-landing-theme="light"] .wa-side { background:#fff; }
html[data-landing-theme="light"] .ch-page { background:#fff; }
