@import url('/brand.css');
:root {
  --color-paper: var(--brand-white);
  --color-surface: var(--brand-white);
  --color-ink: var(--brand-text);
  --color-muted: #626262;
  --color-line: var(--brand-line);
  --color-accent: var(--brand-blue-dark);
  --color-tint: #F0F6FE;
  --color-stage: var(--brand-surface);
  --color-overlay: #102E5780;
  --font-body: var(--brand-font);
  --font-display: var(--brand-font);
  --font-mono: var(--brand-mono);
  --radius-control: var(--brand-radius);
  --color-sidebar: var(--brand-navy);
  --color-sidebar-text: var(--brand-white);
  --color-sidebar-muted: var(--brand-blue-pale);
  --color-sidebar-active: var(--brand-blue-dark);
}
body { line-height:var(--brand-leading);letter-spacing:var(--brand-tracking); }
h1,h2,h3 { font-family:var(--brand-font);letter-spacing:var(--brand-tracking); }
button, input, select, textarea { border-radius:var(--brand-radius); }
.demo-banner { background:var(--brand-navy); }
#demoOpen { background:var(--brand-blue);color:var(--brand-white);font-size:19px;font-weight:700; }
#demoOpen:hover { background:var(--brand-blue-dark); }