/*
 * MWC design tokens — the brand layer.
 * To re-skin this site for a new domain/community, fork this file:
 * swap the palette, fonts, and container widths below. Every page and
 * component reads through these custom properties, so a token-only
 * change re-themes the whole site. See design.md for the full system.
 */
:root {
  --bg:            #1a1a1a;
  --bg-card:       #212121;
  --bg-card-alt:   #1e1e1e;
  --text:          #ffffff;
  --text-muted:    #999999;
  --accent:        #00D9A6;
  --accent-dim:    rgba(0, 217, 166, 0.07);
  --accent-border: rgba(0, 217, 166, 0.3);
  --border:        rgba(255, 255, 255, 0.06);
  --error:         #ff7070;

  --font-display:  'Playfair Display', Georgia, serif;
  --font-body:     'Source Sans 3', system-ui, sans-serif;
  --font-mono:     'Courier New', Courier, monospace;

  /* Named container widths — prefer these over ad-hoc max-width values */
  --container-prose:  58ch;
  --container-form:   480px;
  --container-narrow: 540px;
}