/* Arbitrage Guides brand layer over the shared design system (loaded after design.css, unlayered, so these
   tokens win). The accent is the site's own green #70c989; white on it is 2.02:1, so buttons carry dark text.
   Every text pair is measured on bg, surface and the three lower containers: --primary 7.5:1 on
   surface-container-high, --on-primary 8.5:1 on #70c989 and 6.2:1 on the gradient's deepest stop. The chrome
   is dark until the page content follows a theme (as on ArbMate). */
:root {
  --primary:      #70c989;
  --primary-soft: #70c989;
  --primary-deep: #4fae6c;
  --on-primary:   #0b1f12;
  --brand-gradient: linear-gradient(135deg, #8fd9a6 0%, #70c989 50%, #4fae6c 100%);
  --focus-ring: 0 0 0 var(--focus-ring-w, 3px) rgba(112, 201, 137, 0.45);

  --bg:                        #121211;
  --surface:                   #171716;
  --surface-container-low:     #1a1a19;
  --surface-container:         #1f1f1d;
  --surface-container-high:    #262624;
  --surface-container-highest: #2e2e2b;
  --border:        #2a2a28;
  --border-strong: #3b3b38;
  --text:       #eeeeea;
  --text-muted: #ababa5;     /* 6.6 on surface-container-high */
  --text-dim:   #8f8f89;     /* 4.7 on surface-container-high */
}