:root{
  --brand-bg:#0f0f0f;         /* deep black */
  --brand-fg:#eaeaea;         /* light text */
  --brand-accent:#F2A900;     /* Dogecoin gold/yellow */
  --brand-accent-contrast:#131313;

  /* common aliases used by many CSS bundles */
  --primary: var(--brand-accent);
  --primary-contrast: var(--brand-accent-contrast);
  --success: var(--brand-accent);  /* nuke green */
  --link: var(--brand-accent);
}

/* page + cards */
html,body{background:var(--brand-bg); color:var(--brand-fg);}
.card,.panel,.tile{background:#171717; border-color:#222}

/* buttons/links */
button,.button,.btn,.cta,a{
  background: var(--brand-accent);
  color: var(--brand-accent-contrast);
  text-decoration:none; border:none; border-radius:.4rem; padding:.5rem .8rem;
}
button:hover,.button:hover,.btn:hover,.cta:hover,a:hover{ filter:brightness(1.05); }

/* catch stray greens from old classes */
[class*="text-green"],[class*="bg-green"]{
  color:var(--brand-accent)!important; background:var(--brand-accent)!important;
}
