:root{--accent-text:#071007;--accent-ink:#39ff14;--danger-ink:#ff3038;--warning-ink:#ffb000;--info-ink:#00cfff}
body,dialog{color:var(--text)}
button{color:var(--text);background:linear-gradient(var(--panel2),var(--control));border-color:var(--line)}
button:active{background:var(--control)}
button.primary,button.primary:hover{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}
dialog,.dialog-head,.dialog-actions,#dialogContent{background:var(--panel);color:var(--text)}
#dialogContent .detail-grid{background:var(--panel2);border-color:var(--line)}
.design-card{background:var(--control);color:var(--text)}
input,select,textarea,#dialogContent input,#dialogContent select{background:var(--control);color:var(--text);border-color:var(--line)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
.field-label,.micro,.muted,.eyebrow,.workspace-footer,.workspace-footer>span:first-child{color:var(--muted)}
.text-button,.tile-tools button{background:none;color:var(--muted)}
.auth-foot,.auth-form label,.val-copy label,.dialog-field,.or,.login-footer,.panel-index,.private-label,.file-icon,.chat-message strong,.search-wrap kbd{color:var(--muted)}
.val-tabs,.val-tabs button,.composer,.val-mark,.chat-message.user,.suggestions button,.avatar{background:var(--control);color:var(--text);border-color:var(--line)}
.val-tabs button.active{background:var(--panel2);color:var(--accent-ink)}
.chat-message.assistant p{color:var(--text)}
.val-mark{color:var(--accent-ink)}
.dropzone.dragover{background:var(--panel2)}
.navigation #docMode,.info-text{color:var(--info-ink)}
.warning-text{color:var(--warning-ink)}
.danger-button{color:var(--danger-ink)!important}
.brand-dot,.navigation button.active,.val-tabs button.active,.clock-widget strong,.external-link,.overview-stat:last-child strong,button[role=tab][aria-selected=true]{color:var(--accent-ink)}
#toast{background:var(--panel2);color:var(--text);border-color:var(--accent)}
#docTooltip{background:var(--panel2);color:var(--text)}
.shortcut-editor-row{border-bottom:1px solid var(--line);padding:10px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.shortcut-editor-row>input[type=url],.shortcut-editor-row>.widget-tools{grid-column:1/-1}
.shortcut-link{display:flex;align-items:center;justify-content:center;padding:7px 12px;min-height:34px;border:1px solid var(--line);background:linear-gradient(var(--panel2),var(--control));color:var(--text);font-size:11px;text-decoration:none;overflow-wrap:anywhere}
.shortcut-link:hover{border-color:var(--accent)}
/* The established semantic colours stay fixed across all design packages. */
#presenceButton,#presenceMenu button{color:var(--presence-color);background:#101511;border-color:var(--presence-color);font-weight:750}
#presenceButton{padding:5px 8px;border:1px solid var(--presence-color)}
#presenceButton .dot,.presence-swatch{display:inline-block;flex:none;width:8px;height:8px;background:var(--presence-color);box-shadow:none}
#presenceMenu{background:#101511;border-color:#59645b}
#presenceMenu button{margin:3px 0;padding:9px 10px;border:1px solid transparent;gap:10px}
#presenceMenu button:hover,#presenceMenu button:focus-visible,#presenceMenu button[aria-checked=true]{border-color:var(--presence-color);background:#202a21}
#presenceMenu button[aria-checked=true]::after{content:'✓';margin-left:auto}
@media(min-width:851px){#tileWorkspace{width:100%}.workspace-tile{left:calc(var(--tile-x)*100%/48);width:calc(var(--tile-w)*100%/48 - 8px)}.workspace-tools{flex-wrap:wrap}.workspace-title{gap:10px}}
@media(max-width:650px){.shortcut-editor-row{grid-template-columns:1fr}}
.workspace-tile[data-kind=overview]>.overview-widget{overflow:hidden}