/* Sandstone, weathered copper and open sky. Reading surfaces stay quiet. */
:root[data-theme=relic]{color-scheme:light;--bg:#faf6ee;--side:#eee5d6;--text:#302d28;--muted:#686052;--line:#d4c4ac;--surface:#f0e7d8;--hover:#e3d4be;--invert:#fffaf3;--accent:#914720;--danger:#a0322d;--shadow:0 16px 56px #48372318;--sky:#24658b;--sky-soft:#e2eef2;--control-line:#98836a}
:root[data-theme=relic] #sidebar{border-right:1px solid var(--line);background:linear-gradient(165deg,#e3edf0 0,#eee5d6 220px)}
:root[data-theme=relic] .side-bottom{background:var(--side)}
:root[data-theme=relic] .brand-lockup{color:var(--accent)}
:root[data-theme=relic] .brand-lockup span{color:#4d392a}
:root[data-theme=relic] .primary-nav{background:var(--accent);color:var(--invert);box-shadow:0 2px 5px #63311315}
:root[data-theme=relic] .primary-nav:hover{background:#783817}
:root[data-theme=relic] .nav.active{background:#dfcdb2;color:#593819;box-shadow:inset 3px 0 var(--accent);font-weight:600}
:root[data-theme=relic] .avatar{background:#dce9ee;color:#28536c;border:1px solid #a6bec8}
:root[data-theme=relic] header{background:linear-gradient(110deg,#e7f0f3,var(--bg) 80%);border-bottom:1px solid #d6dedb}
:root[data-theme=relic] header .icon{color:var(--sky)}
:root[data-theme=relic] #model-button{color:#304b59}
:root[data-theme=relic] #welcome .eyebrow{color:var(--sky)}
:root[data-theme=relic] #welcome h1{color:#583e2b}
:root[data-theme=relic] .suggestions button{background:#f4e9d7;border:1px solid #bdab90;color:#513f2d}
:root[data-theme=relic] .suggestions svg{color:var(--accent)}
:root[data-theme=relic] .suggestions button:hover{background:var(--hover)}
:root[data-theme=relic] .bubble{background:#eee0ca;color:var(--text);border:1px solid #dbc7a8}
:root[data-theme=relic] .answer a{color:var(--sky);text-decoration-thickness:1px}
:root[data-theme=relic] .answer h2,:root[data-theme=relic] .answer h3{color:#573c29}
:root[data-theme=relic] .code-block{background:#eeeade;border:1px solid var(--line)}
:root[data-theme=relic] th{background:#e9e2d5}
:root[data-theme=relic] .message-actions{opacity:1;color:var(--muted)}
:root[data-theme=relic] .composer{background:#fffaf2;border-color:var(--control-line);box-shadow:0 4px 18px #6944240a}
:root[data-theme=relic] .composer:focus-within{border-color:var(--sky);box-shadow:0 0 0 2px #24658b18}
:root[data-theme=relic] .composer-tools .subtle{color:#554631;background:#f2e9db;border:1px solid #d2bea0}
:root[data-theme=relic] .composer-tools .icon{color:var(--sky);background:#e9f0f1}
:root[data-theme=relic] .send{background:var(--accent);color:var(--invert);width:40px;height:40px}
:root[data-theme=relic] .send:disabled{background:#ded3c2;color:#6e6252;opacity:1}
:root[data-theme=relic] .solid:hover:not(:disabled){background:#783817}
:root[data-theme=relic] .outline,:root[data-theme=relic] a.outline{border-color:var(--control-line);background:#fffaf2;color:#59432e}
:root[data-theme=relic] .outline:hover{background:var(--surface)}
:root[data-theme=relic] .row .buttons button{border-color:var(--control-line)}
:root[data-theme=relic] .row .buttons button.solid{background:var(--accent);color:var(--invert)}
:root[data-theme=relic] .modal-head .icon{background:#e5edf0;color:#35576b}
:root[data-theme=relic] .appearance-row select{width:142px;border:1px solid var(--control-line);border-radius:8px;background-color:#fffaf2;background-position:right 8px center;padding-right:27px;color:#59432e;min-height:42px}
:root[data-theme=relic] .market-tabs button.solid{background:transparent;color:var(--accent);box-shadow:inset 0 -2px var(--accent)}
:root[data-theme=relic] .approval{background:#f4e5ce;border:1px solid #af8959}
:root[data-theme=relic] #queue{background:var(--sky-soft);border:1px solid #a6bec8}
:root[data-theme=relic] #notice-banner{background:#fff8eb;border:1px solid #af8959;color:var(--text)}
:root[data-theme=relic] .full-access{color:#8b3919}
:root[data-theme=relic] .connection.online{background:#456b50}
:root[data-theme=relic] .connection.offline,:root[data-theme=relic] #pending{color:#875018}
:root[data-theme=relic] .pulse{background:var(--sky)}
:root[data-theme=relic] button:focus-visible,:root[data-theme=relic] a:focus-visible,:root[data-theme=relic] input:focus-visible,:root[data-theme=relic] select:focus-visible{outline:2px solid var(--sky);outline-offset:3px}
:root[data-theme=relic] .settings-row:hover{opacity:1;color:var(--accent)}
:root[data-theme=relic] .image-preview{background:#e7e3d9}
@media(max-width:800px){:root[data-theme=relic] .composer-tools .subtle{padding:7px 6px}:root[data-theme=relic] .composer-tools .icon{width:38px;height:38px}:root[data-theme=relic] .composer-tools>div{gap:5px}}