/* 2026-09-13 visual sample pass
   Keep this deliberately small: only Diary, Mailbox, and Core use the new sample skin.
   Goal: mostly neutral reading surfaces with restrained green accents.
   Other routes are intentionally left to their module styles until this sample is approved. */

:is(html[data-route="diary"],html[data-route="letters"],html[data-route="core"]):not(.dark-theme){
  --sample-bg:#f6f7f3;
  --sample-surface:#ffffff;
  --sample-surface-soft:#fbfcf8;
  --sample-ink:#303831;
  --sample-ink-soft:#667067;
  --sample-muted:#8a928b;
  --sample-green:#5d7453;
  --sample-green-strong:#42583b;
  --sample-green-soft:rgba(93,116,83,.09);
  --sample-line:rgba(66,88,59,.10);
  --sample-line-strong:rgba(66,88,59,.16);
  --sample-shadow:0 7px 22px rgba(45,56,45,.045);
  --ink:var(--sample-ink);
  --ink-soft:var(--sample-ink-soft);
  --muted:var(--sample-muted);
  --blue:var(--sample-green);
  --blue-mid:#7f9276;
  --line:var(--sample-line);
  --glass:rgba(255,255,255,.82);
  --shadow:var(--sample-shadow);
  background:var(--sample-bg);
}

:is(html[data-route="diary"],html[data-route="letters"],html[data-route="core"]):not(.dark-theme) body,
:is(html[data-route="diary"],html[data-route="letters"],html[data-route="core"]):not(.dark-theme) .app-shell{
  background:var(--sample-bg)!important;
  color:var(--sample-ink);
}

/* Header: almost white glass, green identity only in type/icon. */
:is(html[data-route="diary"],html[data-route="letters"],html[data-route="core"]):not(.dark-theme) .topbar{
  background:rgba(252,253,249,.90)!important;
  border-bottom:1px solid var(--sample-line)!important;
  box-shadow:0 5px 18px rgba(45,56,45,.03)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
:is(html[data-route="diary"],html[data-route="letters"],html[data-route="core"]):not(.dark-theme) .topbar-title{
  color:var(--sample-green-strong)!important;
}
:is(html[data-route="diary"],html[data-route="letters"],html[data-route="core"]):not(.dark-theme) .topbar>[data-back]{
  border:1px solid var(--sample-line)!important;
  background:rgba(255,255,255,.86)!important;
  color:var(--sample-green)!important;
  box-shadow:none!important;
}

/* Diary sample. */
html[data-route="diary"]:not(.dark-theme) .memory-page{
  background:var(--sample-bg)!important;
  color:var(--sample-ink)!important;
}
html[data-route="diary"]:not(.dark-theme) .memory-special>header b{
  color:var(--sample-green-strong)!important;
}
html[data-route="diary"]:not(.dark-theme) .memory-special>header span{
  color:var(--sample-muted)!important;
}
html[data-route="diary"]:not(.dark-theme) :is(.memory-special-row,.memory-entry-detail article,.diary-empty){
  border:1px solid var(--sample-line)!important;
  background:var(--sample-surface)!important;
  box-shadow:var(--sample-shadow)!important;
}
html[data-route="diary"]:not(.dark-theme) .memory-special-open{
  color:var(--sample-ink)!important;
}
html[data-route="diary"]:not(.dark-theme) .memory-special-open b,
html[data-route="diary"]:not(.dark-theme) .memory-entry-detail article h2,
html[data-route="diary"]:not(.dark-theme) .diary-empty b{
  color:var(--sample-ink)!important;
}
html[data-route="diary"]:not(.dark-theme) .memory-special-open :is(time,small),
html[data-route="diary"]:not(.dark-theme) .memory-entry-detail article time,
html[data-route="diary"]:not(.dark-theme) .diary-empty span{
  color:var(--sample-muted)!important;
}
html[data-route="diary"]:not(.dark-theme) .memory-special-open i,
html[data-route="diary"]:not(.dark-theme) .memory-row-actions button,
html[data-route="diary"]:not(.dark-theme) .memory-entry-detail footer button,
html[data-route="diary"]:not(.dark-theme) .memory-entry-detail>[data-diary-back]{
  color:var(--sample-green)!important;
}
html[data-route="diary"]:not(.dark-theme) .memory-row-actions{
  border-left-color:var(--sample-line)!important;
}
html[data-route="diary"]:not(.dark-theme) .memory-entry-detail>[data-diary-back]{
  border-color:var(--sample-line)!important;
  background:var(--sample-surface)!important;
}
html[data-route="diary"]:not(.dark-theme) .memory-entry-detail [data-diary-content]{
  color:var(--sample-ink-soft)!important;
}
html[data-route="diary"]:not(.dark-theme) .memory-entry-detail article footer{
  border-top-color:var(--sample-line)!important;
}

/* Mailbox sample. */
html[data-route="letters"]:not(.dark-theme) .letters-page{
  background:var(--sample-bg)!important;
  color:var(--sample-ink)!important;
}
html[data-route="letters"]:not(.dark-theme) :is(.letters-tabs,.friend-strip,.letter-list,.letter-detail,.letter-compose){
  border-color:var(--sample-line)!important;
  background:var(--sample-surface)!important;
  box-shadow:var(--sample-shadow)!important;
}
html[data-route="letters"]:not(.dark-theme) :is(.letters-tabs button,.friend-strip button,.letter-list>button){
  color:var(--sample-ink-soft)!important;
}
html[data-route="letters"]:not(.dark-theme) :is(.letters-tabs button.active,.friend-strip button.active,.letter-list>button.active){
  background:var(--sample-green-soft)!important;
  color:var(--sample-green-strong)!important;
}
html[data-route="letters"]:not(.dark-theme) .letter-list>button{
  border-bottom-color:var(--sample-line)!important;
}
html[data-route="letters"]:not(.dark-theme) .letter-list>button.unread{
  background:#fff!important;
  box-shadow:inset 3px 0 var(--sample-green)!important;
}
html[data-route="letters"]:not(.dark-theme) :is(.letter-row>b,.letter-detail h2,.letter-body){
  color:var(--sample-ink)!important;
}
html[data-route="letters"]:not(.dark-theme) :is(.letter-preview>p,.letter-list time,.letter-detail time,.letter-detail small,.letter-address,.letter-compose label){
  color:var(--sample-muted)!important;
}
html[data-route="letters"]:not(.dark-theme) :is(.letter-compose input,.letter-compose select,.letter-compose textarea,.friend-dialog input,.friend-dialog textarea){
  border-color:var(--sample-line)!important;
  background:#fff!important;
  color:var(--sample-ink)!important;
}
html[data-route="letters"]:not(.dark-theme) :is(.letter-send-button,.letter-compose>button){
  background:var(--sample-green)!important;
  color:#fff!important;
}
html[data-route="letters"]:not(.dark-theme) .letter-edit-button{
  background:var(--sample-green-soft)!important;
  color:var(--sample-green-strong)!important;
}
html[data-route="letters"]:not(.dark-theme) .letter-detail-back{
  border-color:var(--sample-line)!important;
  background:#fff!important;
  color:var(--sample-green)!important;
}
html[data-route="letters"]:not(.dark-theme) .topbar-page-actions .letters-head-actions>button{
  border:1px solid var(--sample-line)!important;
  background:rgba(255,255,255,.88)!important;
  color:var(--sample-green)!important;
  box-shadow:none!important;
}
html[data-route="letters"]:not(.dark-theme) .topbar-page-actions .letters-connection{
  color:var(--sample-muted)!important;
}

/* Core sample. */
html[data-route="core"]:not(.dark-theme) .core-page{
  --core-ink:var(--sample-ink);
  --core-text:var(--sample-ink-soft);
  --core-muted:var(--sample-muted);
  --core-accent:var(--sample-green);
  --core-accent-soft:var(--sample-green-soft);
  --core-line:var(--sample-line);
  --core-glass:#fff;
  background:var(--sample-bg)!important;
  color:var(--sample-ink)!important;
}
html[data-route="core"]:not(.dark-theme) .core-refresh{
  border:1px solid var(--sample-line)!important;
  background:#fff!important;
  color:var(--sample-green)!important;
  box-shadow:none!important;
}
html[data-route="core"]:not(.dark-theme) :is(.core-overview,.core-awareness-panel,.core-commit-panel,.core-database-panel){
  border-color:var(--sample-line)!important;
  background:#fff!important;
  box-shadow:var(--sample-shadow)!important;
}
html[data-route="core"]:not(.dark-theme) .core-overview article{
  background:var(--sample-surface-soft)!important;
}
html[data-route="core"]:not(.dark-theme) :is(.core-overview b,.core-section-heading h2){
  color:var(--sample-ink)!important;
}
html[data-route="core"]:not(.dark-theme) .core-section-heading small{
  color:var(--sample-green)!important;
}
html[data-route="core"]:not(.dark-theme) :is(.core-awareness-card,.core-commit-list article){
  border-color:var(--sample-line)!important;
  background:var(--sample-surface-soft)!important;
}
html[data-route="core"]:not(.dark-theme) .core-awareness-card header b{
  color:var(--sample-green-strong)!important;
}
html[data-route="core"]:not(.dark-theme) :is(.core-awareness-card p,.core-commit-list p,.core-event-body p){
  color:var(--sample-ink-soft)!important;
}
html[data-route="core"]:not(.dark-theme) .core-filters{
  background:#f2f4ef!important;
}
html[data-route="core"]:not(.dark-theme) .core-filters button{
  color:var(--sample-muted)!important;
}
html[data-route="core"]:not(.dark-theme) .core-filters button.active{
  background:#fff!important;
  color:var(--sample-green-strong)!important;
  box-shadow:0 2px 9px rgba(45,56,45,.05)!important;
}
html[data-route="core"]:not(.dark-theme) .core-event-rail:before{
  background:rgba(93,116,83,.13)!important;
}
html[data-route="core"]:not(.dark-theme) .core-event-rail i{
  background:#aeb7aa!important;
  box-shadow:0 0 0 4px var(--sample-bg)!important;
}
html[data-route="core"]:not(.dark-theme) .core-event.is-aware .core-event-rail i{
  background:var(--sample-green)!important;
}
html[data-route="core"]:not(.dark-theme) :is(.core-source,.core-aware-badge,.core-commit-list span){
  background:var(--sample-green-soft)!important;
  color:var(--sample-green-strong)!important;
}