:root{color-scheme:light;--bg:#fff;--panel:#f5f9ff;--edge:#cfdfed;--muted:#526982;--text:#172d43;--background:#fff;--foreground:#172d43;--card:#f3f8ff;--card-foreground:#172d43;--muted-foreground:#526982;--border:#cbddeb;--border-color:#cbddeb;--input:#cbddeb}
body{background:#fff;color:#172d43}
.shell{background:radial-gradient(ellipse at 55% 35%,#e8f6ff70,transparent 64%),#fff}
.sidebar{background:#f5f9ff;border-color:#d7e5f1}
.brand{color:#163b5b}.brand small,.nav-label{color:#52718e}
.topbar{color:#627c93}.topbar strong{color:#173c5a}
.nav-item{color:#365873}.nav-item.active{color:#095d94;background:linear-gradient(100deg,#dcefff,#edf5ff);border-color:#b7d8f0}
.nav-item small{background:#d9e9f8;color:#305673}
.local-card,.profile{color:#234662}.local-card small,.profile small{color:#607c94}.profile{border-color:#d8e4ef}
.avatar{background:#e0f1ff;border-color:#b9d8ef;color:#14639a}
.connection-chip{background:#f3f9ff;border-color:#c7ddec;color:#315775}
.world-stage:after{background:linear-gradient(90deg,#fff,transparent 18%,transparent 82%,#fff)}
.chat-greeting{color:#17354e}
.chat-composer{background:linear-gradient(120deg,#fff,#f1f8ff);border-color:#b8d7ed;box-shadow:0 8px 32px #2166a110,inset 0 1px 0 #fff}
.chat-composer #chat-input{color:#193b55}.chat-composer #chat-input::placeholder{color:#627d94}
.chat-composer .selector-row #trigger-select{background:#edf7ff;color:#164b71;border-color:#b3d4ed}
.text-button,.browse-triggers{color:#166b9b}.chat-note,.review-note{color:#60758b}
.eyebrow{color:#386e94}.page-heading p,.workspace-heading p{color:#56738b}
.workflow-card{background:linear-gradient(130deg,#fff,#edf6ff);border-color:#cbddeb;color:#183b57}
.workflow-card p{color:#526e87}.workflow-code,.workflow-badge{background:#e1f2ff;color:#096896;border-color:#b9dcec}.card-arrow{color:#3c81aa}
.intake-pane,.output-pane{background:#fff;border-color:#c9ddeb}
.pane-heading{border-color:#d5e4ef;color:#234c69}.pane-heading small{color:#5e778f}.pane-heading b{color:#0878af}
.output-pane textarea{color:#19344b;background:#fff}
.form-label{color:#294e6a}.form-control,.form-select,input,select,textarea{background:#fff;border-color:#bed4e5;color:#193b55}
select option,option{background:#fff;color:#193b55}
input::placeholder,textarea::placeholder{color:#6b8297}
.form-check{color:#34566f}.text-small,form p{color:#58738c}h3,legend{color:#234d6a}
fieldset{border-color:#d1e1ed!important}.card{background:#f4f9ff;border-color:#cfdfed}
p[role=status],p[role=alert],#generation-message{color:#17628e}
#empty-output h3{color:#244a68}#empty-output p{color:#5c778f}.steps{color:#547895}
.document-icon{background:#eaf6ff;border-color:#c8dfef;color:#2485bb}
.revision-panel{background:linear-gradient(120deg,#eef8ff,#f8fbff);border-color:#bfdced}
.revision-panel>label{color:#245678}.output-pane .revision-panel textarea{background:#fff;color:#193b55;border-color:#bbd6e9}
.revision-panel textarea::placeholder,.revision-actions span{color:#5d7991}
.secondary,.btn:not(.btn-primary){background:linear-gradient(125deg,#e6f5ff,#d2eaff);border-color:#a9cfe8;color:#164f77}
#screenshot-panel{border-color:#d0e2f0}#screenshot-panel p{color:#526f88}
dialog{background:#fff;color:#193b55;border-color:#b8d3e8;box-shadow:0 25px 100px #1d487340}
dialog::backdrop{background:#2345654d}dialog p{color:#537089}dialog input{background:#f8fbff;border-color:#bdd5e7;color:#193b55}
.close{background:#eaf5ff;border-color:#bbd9ec;color:#295d80}#core-text{color:#2f536f}
.site-footer{border-color:#d5e4ef;color:#5d7990}.site-footer>span:first-child{color:#3b6280}
#toast{background:#e6f6ff;border-color:#8ac5e8;color:#184f73}
@media(hover:hover){.text-button:hover:not(:disabled){color:#0075b2;text-shadow:0 0 12px #2faaff45}}

/* ITRALITY branding in the documentation panel */
.generation-logo{position:relative;width:230px;max-width:100%;aspect-ratio:650/400;margin:0 auto 24px;overflow:hidden;border-radius:16px;box-shadow:0 4px 24px #007dff22}
.generation-logo img{position:absolute;width:131.077%;max-width:none;height:auto;left:-15.385%;top:-162.5%}
.is-generating .generation-logo{animation:itrality-logo-glow 2.4s ease-in-out infinite}
@keyframes itrality-logo-glow{50%{box-shadow:0 0 30px #008cff66}}
@media(prefers-reduced-motion:reduce){.is-generating .generation-logo{animation:none}}

.sidebar .brand{display:block;margin-bottom:28px}.sidebar .menu-logo{display:block;width:100%;margin:0 auto;max-width:230px}