/* One permanent, low-glare palette. No light/dark mode or automatic switching. */
:root{
  color-scheme:light;
  --bg:#b9b6af;
  --paper:#c7c3bb;
  --ink:#292c2c;
  --muted:#41433f;
  --border:#a19d95;
  --purple:#4d3b5f;
  --purple-soft:#b6acbe;
  --green:#b6bea8;
  --sidebar:#b1aea7;
  --field:#d0ccc4;
  --hover:#d0ccc4;
  --on-accent:#f0ede6;
  scrollbar-color:#827e78 var(--bg);
}
body,.workspace,.minimal .workspace,.loading{background:var(--bg);color:var(--ink)}
.sidebar,.minimal .sidebar,.auth-story{background:var(--sidebar)}
.auth-form-section,dialog,.bookmark-card,.bookmark-grid.compact,.table-wrap,.sample-card{background:var(--paper)}
.sample-card{border-color:var(--border);box-shadow:0 12px 28px #39362f12}
input,textarea,select,.search,.folder-checkboxes{background:var(--field);color:var(--ink)}
.search input{background:transparent}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
.secondary{background:var(--paper)}
.secondary:hover,.nav-item:hover,.bookmark-card:hover,.compact .bookmark-card:hover,.compact .bookmark-card:focus-within{background:var(--hover)}
.bookmark-card:hover{border-color:#8d8198;box-shadow:0 3px 12px #39362f0a}
.compact .bookmark-card{background:transparent;border-bottom-color:var(--border)}
.primary,.brand-mark{color:var(--on-accent);box-shadow:none}
.primary:hover{background:#4c3d60}
.nav-item.active{background:var(--purple-soft);color:#443351}
.icon-button:hover{color:#443351}
.view-switch{background:var(--sidebar)}
.view-switch .selected{background:var(--purple-soft);color:#443351;box-shadow:none}
.search kbd{background:var(--paper);color:var(--muted)}
.search>span,.toolbar-right select,.nav-item,.nav-label,.breadcrumb,.breadcrumb strong,.private-label,.no-folders,.story-content p,.story-footer,.auth-note,.sample-card small,.library-note p,.results-line,.results-line>span:first-child,.card-domain,.compact .card-domain,.card-notes,.card-footer,.empty-state p,.workspace-footer,th,.person small{color:var(--muted)}
.compact .card-controls .icon-button{color:var(--muted)}
.compact .card-controls .icon-button:hover{color:var(--purple)}
.card-footer{border-top-color:var(--border)}
.folder-tag,.avatar,.badge,.empty-icon,.sample-icon,.site-icon{background:#b6acbe;color:#493855}
.site-icon.tone-1,.sample-icon.green{background:#b4bda5;color:#3d4c2b}
.site-icon.tone-2,.sample-icon.peach{background:#c5ad9a;color:#65452d}
.site-icon.tone-3{background:#a9b8bd;color:#344d58}
.site-icon.tone-4{background:#c1a9b6;color:#623b50}
.library-note{background:#b8bca8;border-color:#929a7e}
.library-note>span{color:#4a5738}
.admin-notice{background:var(--purple-soft);color:#443351}
th{background:var(--sidebar)}
.badge.active{background:#b4bda5;color:#3d4c2b}
.badge.disabled,.danger{background:#c8afa7;color:#713a32}
.user-actions button{color:var(--purple)}
.star-button.is-starred,.compact .card-controls .is-starred{color:#604710}
.card-delete:hover,.compact .card-controls .card-delete:hover{background:#c8afa7;color:#713a32}
.form-error{color:#7b302e}
.toast{background:#47423f;color:var(--on-accent)}
.toast.error{background:#713a32}
dialog{box-shadow:0 20px 70px #29262230}
dialog::backdrop{background:#2d292650}
:focus-visible{outline-color:#4d3b5f}
input:focus,textarea:focus,select:focus{outline-color:#a698b2}
input[type=checkbox]{accent-color:var(--purple)}
::selection{background:#a598b2;color:#292c2c}

.sample-card>span:last-child{color:var(--purple)}

/* Browser-style favorites, with the same permanent comfort palette. */
.favorites-bar{margin:0 0 28px;padding:17px 20px 14px;border:1px solid var(--border);border-radius:12px;background:var(--paper)}
.favorites-bar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}
.favorites-bar-heading h2{font-size:12px;font-weight:600;letter-spacing:0;margin:0}
.favorites-bar-heading>div{display:flex;align-items:center;gap:18px}
.favorites-bar-heading .text-button{font-size:11px;color:var(--purple);margin:0;min-height:28px}
.shortcut-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));grid-auto-flow:row;grid-auto-rows:minmax(86px,auto);gap:14px 8px;align-items:start;width:100%;min-width:0}
.shortcut-grid.expanded{max-height:none;overflow:visible}
.shortcut-tile{position:relative;min-width:0;border-radius:9px;text-align:center;padding:8px 3px;transition:background .15s}
.shortcut-tile:hover{background:var(--hover)}
.shortcut-link{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:0 2px}
.shortcut-circle{width:47px;height:47px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#716e68;color:#e8e0f0;font-size:20px;font-weight:650;box-shadow:inset 0 0 0 1px #33333310}
.shortcut-circle.tone-1{color:#c8e1b1}
.shortcut-circle.tone-2{color:#f1d299}
.shortcut-circle.tone-3{color:#b2dfe7}
.shortcut-circle.tone-4{color:#edc5d8}
.shortcut-name{display:block;width:100%;font-size:10px;font-weight:550;line-height:1.5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--ink)}
.shortcut-add{display:flex;flex-direction:column;align-items:center;gap:10px;font:inherit}
.shortcut-add .shortcut-circle{background:var(--sidebar);color:var(--ink);font-weight:400;font-size:26px}
.bar-expand{display:block;font-size:10px;color:var(--purple);margin:14px auto 0;padding:5px 12px;min-height:30px}
.bar-instructions{color:var(--muted);font-size:11px;margin:0 0 15px}
.arranging .shortcut-tile[draggable=true]{cursor:grab;border:1px dashed #948797;padding:7px 2px}
.arranging .shortcut-link{cursor:grab}
.shortcut-tile.dragging{opacity:.45}
.shortcut-tile.drop-target{background:#b6acbe;outline:2px solid var(--purple);outline-offset:2px}
.shortcut-move{display:flex;justify-content:center;gap:0;margin-top:8px}
.shortcut-move .icon-button{font-size:14px;width:28px;min-width:28px;min-height:28px}
.shortcut-move .icon-button:disabled{cursor:default;opacity:.3}
.shortcut-picker-results{max-height:340px;overflow:auto;margin:12px 0}
.shortcut-picker-item{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:13px 10px;border-bottom:1px solid var(--border);text-align:left}
.shortcut-picker-item>span:first-child{min-width:0}
.shortcut-picker-item strong,.shortcut-picker-item small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.shortcut-picker-item strong{font-size:12px;font-weight:550}
.shortcut-picker-item small{font-size:10px;color:var(--muted);margin-top:4px}
.shortcut-picker-item>span:last-child{font-size:11px;white-space:nowrap;color:var(--purple)}
.shortcut-picker-item:hover{background:var(--hover)}
.shortcut-picker-item:disabled{opacity:.65;cursor:default}
@media(max-width:520px){.favorites-bar{padding:14px 10px;margin-bottom:22px}.favorites-bar-heading{padding:0 3px}.favorites-bar-heading>div{gap:13px}.shortcut-grid{grid-template-columns:repeat(auto-fill,minmax(87px,1fr));gap:12px 4px}.shortcut-circle{width:43px;height:43px}.shortcut-move .icon-button{min-height:32px}.shortcut-name{font-size:10px}}