/* hopr — Robinhood-green brand over BOTH light and dark themes (toggle works). */

/* Shared in both themes: green accent, black text on green. */
:root{
  --color-accent:#00c805 !important;
  --color-accent-rgb:0, 200, 5 !important;
  --color-accent-muted:rgba(0, 200, 5, .85) !important;
  --color-accent-line:rgba(0, 200, 5, .4) !important;
  --color-accent-active-line:rgba(0, 200, 5, .5) !important;
  --color-accent-foreground:#000000 !important;
  --color-accent-foreground-rgb:0, 0, 0 !important;
  --color-inverted-foreground:#000000 !important;
  --color-inverted-body:rgba(0, 0, 0, .9) !important;
  --color-inverted-muted:rgba(0, 0, 0, .72) !important;
  --color-inverted-faint:rgba(0, 0, 0, .6) !important;
  --color-inverted-soft:rgba(0, 0, 0, .75) !important;
  --color-inverted-line:rgba(0, 0, 0, .3) !important;
  --color-inverted-hairline:rgba(0, 0, 0, .15) !important;
  --color-inverted-active-line:rgba(0, 0, 0, .75) !important;
  --slide-accent:#00c805 !important;
}
/* defeat the per-element inline --slide-accent from the accent picker */
*{ --slide-accent:#00c805 !important; }

/* DARK: black + white */
:root[data-theme="dark"]{
  --color-background:#000000 !important;
  --color-foreground:#ffffff !important;
  --color-foreground-rgb:255, 255, 255 !important;
  --color-body:#e4e4e4 !important;
  --color-muted:#a0a0a0 !important;
  --color-faint:#6e6e6e !important;
  --color-soft:rgba(255, 255, 255, .64) !important;
  --color-hairline:rgba(255, 255, 255, .12) !important;
  --color-error:#ff5a52 !important;
  color-scheme:dark !important;
}

/* LIGHT: white + near-black */
:root[data-theme="light"]{
  --color-background:#ffffff !important;
  --color-foreground:#0a0a0a !important;
  --color-foreground-rgb:10, 10, 10 !important;
  --color-body:#2a2a2a !important;
  --color-muted:#5a5a5a !important;
  --color-faint:#8a8a8a !important;
  --color-soft:rgba(10, 10, 10, .64) !important;
  --color-hairline:rgba(10, 10, 10, .12) !important;
  --color-error:#c81e1e !important;
  color-scheme:light !important;
}

/* body follows whichever theme's tokens are active */
html, body{ background:var(--color-background) !important; color:var(--color-foreground) !important; }