/* NorthStar ABA design tokens + base components. Source of truth: brand/NorthStar-ABA-Brand-Guide.html */
@font-face{font-family:'Parkinsans';font-weight:600;font-display:swap;src:url('fonts/parkinsans-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Parkinsans';font-weight:700;font-display:swap;src:url('fonts/parkinsans-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Parkinsans';font-weight:800;font-display:swap;src:url('fonts/parkinsans-latin-800-normal.woff2') format('woff2')}
@font-face{font-family:'Nunito Sans';font-weight:400;font-display:swap;src:url('fonts/nunito-sans-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Nunito Sans';font-weight:400;font-style:italic;font-display:swap;src:url('fonts/nunito-sans-latin-400-italic.woff2') format('woff2')}
@font-face{font-family:'Nunito Sans';font-weight:600;font-display:swap;src:url('fonts/nunito-sans-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Nunito Sans';font-weight:700;font-display:swap;src:url('fonts/nunito-sans-latin-700-normal.woff2') format('woff2')}
:root{
  --plum:#3E1F56; --gold:#FFC93C; --pink:#F27FA8; --berry:#B02A64;
  --blush:#FFF0F5; --mist:#F1E9F8; --ink:#231A2B; --white:#FFFFFF;
  --font-display:'Parkinsans','Nunito Sans',Arial,sans-serif;
  --font-body:'Nunito Sans',Arial,sans-serif;
  --radius-card:16px; --radius-input:12px; --radius-pill:999px;
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --s6:64px; --s7:96px;
  --content-width:1040px;
}
body{font-family:var(--font-body);font-size:18px;line-height:1.6;color:var(--ink);background:var(--white)}
h1,h2,h3{font-family:var(--font-display);font-weight:700;color:var(--plum);line-height:1.15}
h1{font-size:56px;line-height:1.05} h2{font-size:38px} h3{font-size:24px;font-weight:600}
a{color:var(--berry);font-weight:700}
a:hover,a:focus-visible{text-decoration:underline}
:focus-visible{outline:3px solid var(--plum);outline-offset:2px}
.on-plum :focus-visible{outline-color:var(--gold)}
.btn{display:inline-block;padding:13px 26px;border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:700;font-size:16px;text-decoration:none;min-height:44px}
.btn-primary{background:var(--pink);color:var(--ink)}        /* ink on pink = 6.7:1 */
.btn-secondary{background:var(--plum);color:var(--white)}
.btn-outline{background:transparent;color:var(--plum);border:2px solid var(--plum);padding:11px 24px}
.card{background:var(--white);border:1px solid #eadbe4;border-radius:var(--radius-card);padding:24px}
.card--tint{background:var(--blush);border-color:#f3d9e4}
.field{border:2px solid #cdb8d8;border-radius:var(--radius-input);padding:12px 14px;background:var(--white);font:inherit;min-height:44px}
.section--blush{background:var(--blush)} .section--mist{background:var(--mist)} .section--plum{background:var(--plum);color:var(--white)}
.section--plum h2,.section--plum h3{color:var(--white)}
.eyebrow{font-weight:800;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--berry)}