/* Enige bron van merkkleuren: wijzig tokens alleen hier, niet per pagina. */

:root {
  --bg:        #070A0C;
  --surface:   #0E1215;
  --surface2:  #141A1E;
  --border:    #232A30;
  --accent:    #B85E3C;
  --accent2:   #D07A57;
  --glow:      rgba(184,94,60,0.18);
  --text:      #F2F4F6;
  --soft:      #C3C8CE;
  --muted:     #8D929E;
  --green:     #22c55e;
  --purple:    #7C6CEF;
  --radius:    12px;
  --btn:       #C86B45;
  --btn-hover: #D07A57;
  --btn-text:  #070A0C;
  --accent-rgb:  184, 94, 60;
  --accent-glow: var(--accent2);
  --red:         #ef4444;
  --yellow:      #f59e0b;
  /* Legacy-namen uit de app; later opruimen. */
  --text-soft:    var(--soft);
  --accent-hover: var(--btn-hover);
}