/* shared/styles/dba-base.css
   CSS reset + design tokens for DBA site network.
   Intentionally different values from base.css (RA) and llc-base.css (LLC). */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --dba-font: Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
  --dba-font-mono: 'Roboto Mono', 'Courier New', monospace;
  --dba-wrap: 1080px;
  --dba-gap-xs: 0.3rem;
  --dba-gap-sm: 0.6rem;
  --dba-gap-md: 1.1rem;
  --dba-gap-lg: 2.2rem;
  --dba-gap-xl: 4.4rem;
  --dba-radius: 3px;
}

html { font-family: var(--dba-font); line-height: 1.7; -webkit-text-size-adjust: 100%; }
body { min-height: 100dvh; }
img, svg { max-width: 100%; display: block; }
a { color: inherit; }

.dba-container { width: 100%; max-width: var(--dba-wrap); margin: 0 auto; padding: 0 var(--dba-gap-md); }
.dba-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }

@media (max-width: 820px) {
  :root {
    --dba-gap-lg: 1.4rem;
    --dba-gap-xl: 2.8rem;
  }
}