/* ============================================================
   Advocates blueprint — design tokens + base.
   Self-contained, relative-path. Single light theme.
   Palette pulled from the live advocatesomi.com.
   ============================================================ */
:root {
  --bg:            #FFFFFF;
  --bg-surface:    #FAF7F7;
  --bg-elevated:   #F2ECEC;
  --text:          #2A2222;
  --text-muted:    #8A7C7C;
  --body:          #463939;
  --border:        #ECE5E5;
  --color-accent:     #003050;
  --color-accent-dim: #0030501a;
  --status-paid:    #1F9D55;
  --status-overdue: #D23B3B;
  --radius:    8px;
  --radius-sm: 5px;
  --btn-accent-fg: #FFFFFF;
  --display: 'Archivo', system-ui, sans-serif;
  --serif:   'Merriweather', Georgia, serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--bg); color: var(--body);
  font-family: var(--serif); font-size: 16px; line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--color-accent); }
.btn-ghost { background: transparent; border: 1px solid var(--border); border-radius: var(--radius); color: var(--text-muted); cursor: pointer; font-family: var(--display); }