:root {
  --bg: #FFFFFF;
  --surface: #F6F7F5;       /* sections, app background, table header */
  --surface-2: #F0F2EF;     /* active nav item */
  --border: #E3E6E1;        /* dividers, cards, inputs */
  --border-strong: #C9CFC8; /* secondary buttons, inputs */
  --row-divider: #EEF0ED;
  --text: #13201A;
  --muted: #5C6861;
  --brand: #0E7A57;         /* primary buttons, links, credits, verified */
  --brand-hover: #0A6346;
  --brand-tint: #E6F3ED;    /* verified banner, badges, drop-zone hover */
  --brand-accent: #9BE3C2;  /* check mark in logo */
  --warn: #8A4108;  --warn-tint: #FEF3C7;   /* balance mismatch */
  --danger: #A12D24; --danger-tint: #FCE8E6; /* failed */
  --neutral-pill: #EEF0ED;  /* "no balances shown" */
  --radius-sm: 8px;   /* buttons, inputs */
  --radius-md: 12px;  /* cards, tables, banners */
  --radius-lg: 16px;  /* hero card, pricing cards */
  --font: 'Geist', system-ui, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, monospace;
}