/* ExperienceOS kit tokens. Roles, not brands: swap these to theme every component.
   Structure (radius, lip depth, bar height) follows patterns recovered from shipping apps;
   the colours are ExperienceOS's own. */
:root {
  --xos-font: Nunito, 'Avenir Next', system-ui, sans-serif;
  --xos-radius: 16px;
  --xos-lip: 4px;
  --xos-border-width: 2px;
  --xos-control-height: 52px;
  --xos-bar-height: 16px;

  --xos-surface: #fffffe;
  --xos-ink: #3c4046;
  --xos-muted: #868c94;
  --xos-border: #e6e8eb;
  --xos-on-accent: #fffffe;

  --xos-primary: #2f86ff;
  --xos-primary-lip: #1f68d6;
  --xos-success: #3cc75a;
  --xos-success-lip: #2a9e44;
  --xos-warm: #ffbf1f;
  --xos-warm-lip: #dc9c00;
  --xos-hot: #ff8a1f;
  --xos-hot-lip: #d96a00;
  --xos-danger: #ff5a5f;
  --xos-danger-lip: #dd3a40;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --xos-surface: #151b20; --xos-ink: #eef1f4; --xos-muted: #96a0a8; --xos-border: #2f3a42;
  }
}
:root[data-theme="dark"] {
  --xos-surface: #151b20; --xos-ink: #eef1f4; --xos-muted: #96a0a8; --xos-border: #2f3a42;
}