/* Generated token bridge — do not edit by hand.
   source: tenant/branding/design-tokens.json
   generator: packages/ui/scripts/generate-token-bridge.mjs
   contract: packages/ui/tokens.schema.json (L-D3) */

:root {
  --brand-primary: #1f6feb;
  --brand-secondary: #24292f;
  --brand-accent: #2da44e;
  --color-accent: #1f6feb;
  --font-body: system-ui, sans-serif;
}

* { box-sizing: border-box; }
:root { color-scheme: light; }
body { margin: 0; background: color-mix(in srgb, var(--brand-primary) 4%, white); color: var(--brand-secondary); font: 16px/1.5 var(--font-body, system-ui, sans-serif); }
a { color: var(--brand-primary); }
.skip-link { position: absolute; left: -999px; top: 0; padding: .6rem; background: white; z-index: 10; }
.skip-link:focus { left: .5rem; }
.site-header { position: sticky; top: 0; z-index: 2; border-bottom: 1px solid color-mix(in srgb, var(--brand-secondary) 18%, transparent); background: color-mix(in srgb, white 94%, var(--brand-primary)); }
.brand-row { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .65rem 1rem .4rem; }
.environment-badge { border: 1px solid var(--brand-accent); border-radius: 999px; padding: .15rem .5rem; font-size: .75rem; white-space: nowrap; }
nav { display: flex; gap: .25rem; overflow-x: auto; padding: 0 .75rem .55rem; scrollbar-width: thin; }
nav a { flex: 0 0 auto; border-radius: .4rem; padding: .35rem .55rem; color: inherit; text-decoration: none; }
nav a:focus-visible, nav a:hover { outline: 2px solid var(--brand-primary); outline-offset: -2px; }
main { width: min(100% - 1.25rem, 58rem); margin: .8rem auto 2rem; }
.artifact-notice { border-left: .3rem solid var(--brand-accent); background: white; padding: .6rem .75rem; }
article { margin-top: .75rem; border: 1px solid color-mix(in srgb, var(--brand-secondary) 14%, transparent); border-radius: .7rem; background: white; padding: clamp(.9rem, 2vw, 1.4rem); }
h1, h2, h3, h4 { line-height: 1.16; margin: 1.1em 0 .45em; }
h1:first-child, h2:first-child { margin-top: 0; }
p, ul, pre, .table-scroll { margin: .6rem 0; }
pre { overflow-x: auto; border-radius: .45rem; background: color-mix(in srgb, var(--brand-secondary) 7%, white); padding: .75rem; white-space: pre-wrap; }
.table-scroll { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; min-width: 34rem; }
th, td { border-bottom: 1px solid color-mix(in srgb, var(--brand-secondary) 16%, transparent); padding: .45rem; text-align: left; vertical-align: top; }
footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem; border-top: 1px solid color-mix(in srgb, var(--brand-secondary) 14%, transparent); padding: .75rem 1rem; font-size: .78rem; }
.source-list { overflow-wrap: anywhere; }
@media (max-width: 38rem) { body { font-size: 15px; } .brand-row { align-items: flex-start; } .environment-badge { max-width: 55%; white-space: normal; text-align: right; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; } }