/* Shared studio palette. Local fonts avoid third-party requests on account pages. */
:root {
  color-scheme: dark;
  --bg: #101715; --bg-2: #131d19;
  --surface: #19231e; --surface-2: #202e26;
  --border: #2d3d33; --border-2: #3b4e41; --border-3: #58705e;
  --fg: #f1f4eb; --fg-2: #c1cdc2; --muted: #a1b2a4; --dim: #9aaa9d;
  --accent: #93dfb8; --accent-2: #70cda0; --accent-soft: #93dfb81a;
  --up: #93dfb8; --down: #ffa39b; --amber: #edcc94;
  --sans: "Segoe UI", Arial, sans-serif;
  --mono: "Cascadia Code", Consolas, monospace;
  --bg-card: var(--surface); --bg-card-hover: var(--surface-2);
  --text: var(--fg-2); --text-dim: var(--muted); --text-bright: var(--fg);
  --accent-dim: var(--border-3); --green: var(--up); --red: var(--down);
}
html { scroll-padding-top: 90px; }
body { font-family: var(--sans); }
*:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
.skip-link { position: fixed; left: 16px; top: -100px; z-index: 1000; padding: 12px 20px; background: var(--fg); color: var(--bg); }
.skip-link:focus { top: 12px; }
header.site-header { padding-top: 24px; padding-bottom: 24px; border-bottom: 1px solid var(--border); gap: 20px; }
.logo { color: var(--fg); font-family: var(--sans); font-size: 22px; letter-spacing: -.04em; text-transform: lowercase; }
.site-nav, .site-header { flex-wrap: wrap; }
.site-nav .user-pill { max-width: 100%; overflow-wrap: anywhere; }
.site-nav a { min-height: 36px; display: inline-flex; align-items: center; }
button, .btn { min-height: 44px; }
.btn-primary, nav.site-nav a.btn-primary { color: #09251e; }
.btn-primary:hover { background: #b5f0d5; border-color: #b5f0d5; color: #09251e; }
.docs-content { overflow-wrap: anywhere; min-width: 0; }
@media (max-width: 640px) {
  header.site-header { padding: 20px; }
  nav.site-nav { gap: 14px; }
  .docs-layout { display: block; }
  .docs-sidebar { position: static; width: auto; max-height: none; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}