/* Shared Teammate visual tokens for hosted chrome + auth pages.
   Theme key is openwork-theme (internal). Do not rename. */

:root {
  color-scheme: light;
  --paper: #f5f6f7;
  --panel: #ffffff;
  --ink: #17191c;
  --muted: #5b616b;
  --faint: #9aa1aa;
  --line: #e8eaed;
  --line-strong: #d8dce1;
  --accent: #2563eb;
  --accent-soft: #e9f0fd;
  --ok: #2f7d57;
  --ok-soft: #eef6f0;
  --danger: #b91c1c;
  --danger-soft: #f9e7e5;
  --warn: #b45309;
  --warn-ink: #b45309;
  --warn-soft: #fef3c7;
  --soft: #eef2ff;
  --scrim: rgba(29, 27, 24, .32);
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif;
  --tm-rail-w: 264px;
  /* Overlay scale: content < rail/topbar < drawer < modals < toasts */
  --z-content: 0;
  --z-rail-overlay: 24;
  --z-chrome: 40;
  --z-drawer-scrim: 58;
  --z-drawer: 60;
  --z-topbar: 61;
  --z-panel: 80;
  --z-modal: 95;
  --z-toast: 100;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --paper: #131417;
  --panel: #1c1e22;
  --ink: #e6e8eb;
  --muted: #9aa1ab;
  --faint: #62686f;
  --line: #2a2d33;
  --line-strong: #3a3e46;
  --accent: #4c8dff;
  --accent-soft: #1c2a44;
  --ok: #58b07f;
  --ok-soft: #1a2a22;
  --danger: #f07067;
  --danger-soft: #3d2422;
  --warn: #e8b04b;
  --warn-ink: #e8b04b;
  --warn-soft: #36280f;
  --soft: #1c2a44;
  --scrim: rgba(0, 0, 0, .5);
}

:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  html.tm-hosted-on .tm-rail,
  html.tm-hosted-on .tm-rail-scrim,
  html.tm-hosted-on .waiting-spinner,
  html.tm-hosted-on .stream-cursor,
  html.tm-hosted-on .boot-mark,
  html.tm-hosted-on .toast-pulse,
  html.tm-hosted-on .toast-drain,
  .tm-rail,
  .tm-auth-spin {
    transition: none !important;
    animation: none !important;
  }
}