/* Floor ICT — light / dark / system theme tokens */
html[data-theme="light"]{
  --bg:#f6f8fa;
  --bg-deep:#eef2f5;
  --bg-elevated:#ffffff;
  --text:#0a1620;
  --text-muted:#3d5a68;
  --text-faint:#6a8a98;
  --color-ink:#f6f8fa;
  --color-paper:#0a1620;
  --color-line:rgba(10,22,32,.12);
  color-scheme:light;
}
html[data-theme="light"] body.bg-ink{background:var(--bg);color:var(--text)}
html[data-theme="dark"],
html[data-theme="system"]{color-scheme:dark}
@media (prefers-color-scheme: light){
  html[data-theme="system"]{
    --bg:#f6f8fa;
    --bg-deep:#eef2f5;
    --bg-elevated:#ffffff;
    --text:#0a1620;
    --text-muted:#3d5a68;
    --text-faint:#6a8a98;
    --color-ink:#f6f8fa;
    --color-paper:#0a1620;
    --color-line:rgba(10,22,32,.12);
    color-scheme:light;
  }
  html[data-theme="system"] body.bg-ink{background:var(--bg);color:var(--text)}
}
.theme-seg{display:inline-flex;gap:.15rem;align-items:center}
.theme-seg button{
  min-height:2.25rem;padding:.35rem .65rem;border-radius:999px;border:1px solid transparent;
  background:transparent;color:inherit;font:inherit;cursor:pointer;
}
.theme-seg button[aria-pressed="true"]{
  background:color-mix(in oklch, var(--teal, #008eaa) 18%, transparent);
  box-shadow:inset 0 0 0 1.5px var(--teal, #008eaa);
}
.theme-sheet{padding:.75rem 1rem 0}
.theme-sheet__label{margin:0 0 .35rem;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;opacity:.7}