/* ParagonMCA brand palette — from Logo-Brand-Guide/Color Palette (frames 20-23). Hex values verbatim from source. */
:root{
  /* primary teal */
  --brand-teal-100:#00343D; /* @kind color */
  --brand-teal-90:#1A4850; /* @kind color */
  --brand-teal-80:#333333; /* @kind color */
  --brand-teal-70:#37373D; /* @kind color */
  --brand-charcoal:#202020; /* @kind color */
  /* labelled "Accent / Orange" in source; swatch value is gold/yellow, not orange */
  --brand-accent-gold:#FDCA35; /* @kind color */
  --brand-white:#FFFFFF; /* @kind color */
  --brand-teal-40:rgba(0,52,61,0.40); /* @kind color */
  --brand-teal-30:rgba(0,52,61,0.30); /* @kind color */
  --brand-teal-20:rgba(0,52,61,0.20); /* @kind color */
  --brand-teal-10:rgba(0,52,61,0.10); /* @kind color */
  --brand-teal-05:rgba(0,52,61,0.05); /* @kind color */
  --brand-charcoal-80:rgba(32,32,32,0.80); /* @kind color */
  --brand-charcoal-70:rgba(32,32,32,0.70); /* @kind color */
  --brand-charcoal-60:rgba(32,32,32,0.60); /* @kind color */
  --brand-charcoal-50:rgba(32,32,32,0.50); /* @kind color */
  --brand-charcoal-40:rgba(32,32,32,0.40); /* @kind color */
  --brand-charcoal-30:rgba(32,32,32,0.30); /* @kind color */
  --brand-charcoal-20:rgba(32,32,32,0.20); /* @kind color */
  --brand-charcoal-10:rgba(32,32,32,0.10); /* @kind color */
  /* Semantic aliases used across brand collateral (marketing, logo guide, slides) */
  --surface-brand:var(--brand-teal-100);
  --surface-page:var(--brand-white);
  --text-on-brand:var(--brand-white);
  --text-heading:var(--brand-teal-100);
  --text-body-muted:#4D4D4D; /* rgb(77,77,77) — paragraph copy color used throughout brand guide */
  --border-hairline:rgba(160,163,189,0.15); /* divider color+opacity used on every guide page */
}