/* ============================================================
   Theme tokens — one block per wallet × mode.
   JS only toggles [data-wallet] / [data-theme] on <html>.
   ============================================================ */

/* MetaMask */
[data-wallet="metamask"][data-theme="light"] {
  --page:#F2F4F7; --canvas:#E5E8EC; --surface:#FFFFFF; --surface-2:#F5F5F5;
  --text:#191919; --muted:#686868; --faint:#898989;
  --accent:#FA4B00; --accent-hover:#E84400; --accent-soft:rgba(250,75,0,.12);
  --button-bg:#000000; --button-hover:#333333; --button-text:#FFFFFF; --button-border:transparent;
  --progress-start:#FA4B00; --progress-end:#FF986B; --progress-track:rgba(25,25,25,.10);
  --border:rgba(0,0,0,0.08); --focus:rgba(250,75,0,.35);
  --shadow:0 28px 80px rgba(0,0,0,.14);
  --card-radius:24px; --button-radius:14px;
}
[data-wallet="metamask"][data-theme="dark"] {
  --page:#000000; --canvas:#000000; --surface:#1C1C1E; --surface-2:#2C2C2E;
  --text:#F5F5F5; --muted:#B1B3B7; --faint:#85898F;
  --accent:#FA4B00; --accent-hover:#FF6324; --accent-soft:rgba(250,75,0,.14);
  --button-bg:#FFFFFF; --button-hover:#E5E5E5; --button-text:#000000; --button-border:transparent;
  --progress-start:#FA4B00; --progress-end:#FF986B; --progress-track:rgba(255,255,255,.12);
  --border:rgba(255,255,255,.08); --focus:rgba(250,75,0,.4);
  --shadow:0 28px 80px rgba(0,0,0,.5);
  --card-radius:24px; --button-radius:14px;
}

/* Trust Wallet */
[data-wallet="trustwallet"][data-theme="light"] {
  --page:#F4F6FA; --canvas:#E8ECF2; --surface:#FFFFFF; --surface-2:#F0F4FA;
  --text:#17162B; --muted:#686584; --faint:#8A88A5;
  --accent:#473CFA; --accent-hover:#372CE8; --accent-soft:rgba(71,60,250,.10);
  --button-bg:#473CFA; --button-hover:#372CE8; --button-text:#FFFFFF; --button-border:transparent;
  --progress-start:#473CFA; --progress-end:#8B83FF; --progress-track:rgba(35,30,100,.11);
  --border:rgba(0,0,0,0.08); --focus:rgba(71,60,250,.32);
  --shadow:0 28px 80px rgba(40,37,105,.13);
  --card-radius:24px; --button-radius:13px;
}
[data-wallet="trustwallet"][data-theme="dark"] {
  --page:#0B0F17; --canvas:#0B0F17; --surface:#151B26; --surface-2:#1E2633;
  --text:#F7F6FF; --muted:#B7B5D2; --faint:#8987A8;
  --accent:#473CFA; --accent-hover:#594DFF; --accent-soft:rgba(71,60,250,.16);
  --button-bg:#473CFA; --button-hover:#372CE8; --button-text:#FFFFFF; --button-border:transparent;
  --progress-start:#473CFA; --progress-end:#A39DFF; --progress-track:rgba(255,255,255,.12);
  --border:rgba(255,255,255,.08); --focus:rgba(145,138,255,.36);
  --shadow:0 28px 80px rgba(0,0,0,.42);
  --card-radius:24px; --button-radius:13px;
}

/* imToken */
[data-wallet="imtoken"][data-theme="light"] {
  --page:#F4F6FA; --canvas:#EAEFF6; --surface:#FFFFFF; --surface-2:#F0F4FA;
  --text:#172235; --muted:#65748A; --faint:#8794A7;
  --accent:#2864D8; --accent-hover:#1E54BE; --accent-soft:rgba(40,100,216,.10);
  --button-bg:#2864D8; --button-hover:#1E54BE; --button-text:#FFFFFF; --button-border:transparent;
  --progress-start:#2864D8; --progress-end:#75A5F4; --progress-track:rgba(32,67,125,.11);
  --border:rgba(0,0,0,0.08); --focus:rgba(40,100,216,.30);
  --shadow:0 28px 80px rgba(31,58,100,.12);
  --card-radius:22px; --button-radius:12px;
}
[data-wallet="imtoken"][data-theme="dark"] {
  --page:#0F1115; --canvas:#0F1115; --surface:#171A20; --surface-2:#22262E;
  --text:#F2F6FC; --muted:#AAB8CA; --faint:#8191A7;
  --accent:#5B91F0; --accent-hover:#78A6F8; --accent-soft:rgba(91,145,240,.14);
  --button-bg:#5B91F0; --button-hover:#78A6F8; --button-text:#101A2A; --button-border:transparent;
  --progress-start:#5B91F0; --progress-end:#9FC2FF; --progress-track:rgba(255,255,255,.12);
  --border:rgba(255,255,255,.08); --focus:rgba(91,145,240,.36);
  --shadow:0 28px 80px rgba(0,0,0,.42);
  --card-radius:22px; --button-radius:12px;
}

/* Robinhood */
[data-wallet="robinhood"][data-theme="light"] {
  --page:#FFFFFF; --canvas:#F9F9F9; --surface:#FFFFFF; --surface-2:#F0F0F0;
  --text:#000000; --muted:#666666; --faint:#8C939A;
  --accent:#00C805; --accent-hover:#00A804; --accent-soft:rgba(0,200,5,.10);
  --button-bg:#00C805; --button-hover:#00A804; --button-text:#FFFFFF; --button-border:transparent;
  --progress-start:#CCFF00; --progress-end:#00C805; --progress-track:rgba(0,0,0,.10);
  --border:rgba(0,0,0,.08); --focus:rgba(0,200,5,.28);
  --shadow:0 28px 80px rgba(31,65,39,.12);
  --card-radius:24px; --button-radius:999px;
}
[data-wallet="robinhood"][data-theme="dark"] {
  --page:#000000; --canvas:#000000; --surface:#1E2124; --surface-2:#30363A;
  --text:#FFFFFF; --muted:#8C939A; --faint:#6E747B;
  --accent:#CCFF00; --accent-hover:#B3E600; --accent-soft:rgba(204,255,0,.12);
  --button-bg:#CCFF00; --button-hover:#B3E600; --button-text:#000000; --button-border:transparent;
  --progress-start:#CCFF00; --progress-end:#00C805; --progress-track:rgba(255,255,255,.10);
  --border:rgba(255,255,255,.08); --focus:rgba(204,255,0,.32);
  --shadow:0 28px 80px rgba(0,0,0,.5);
  --card-radius:24px; --button-radius:999px;
}

/* Uniswap */
[data-wallet="uniswap"][data-theme="light"] {
  --page:#FFFFFF; --canvas:#F5F5F5; --surface:#FFFFFF; --surface-2:#F0F0F0;
  --text:#111111; --muted:#666666; --faint:#96889A;
  --accent:#FF007A; --accent-hover:#E6006E; --accent-soft:rgba(255,0,122,.10);
  --button-bg:#FF007A; --button-hover:#E6006E; --button-text:#FFFFFF; --button-border:transparent;
  --progress-start:#FF007A; --progress-end:#FF66B2; --progress-track:rgba(0,0,0,.10);
  --border:rgba(0,0,0,0.08); --focus:rgba(255,0,122,.28);
  --shadow:0 28px 80px rgba(91,43,86,.12);
  --card-radius:24px; --button-radius:16px;
}
[data-wallet="uniswap"][data-theme="dark"] {
  --page:#131313; --canvas:#131313; --surface:#1B1B1B; --surface-2:#2C2C2C;
  --text:#FFFFFF; --muted:#9B9B9B; --faint:#7A7A7A;
  --accent:#FF007A; --accent-hover:#FF1A8C; --accent-soft:rgba(255,0,122,.14);
  --button-bg:#FF007A; --button-hover:#FF1A8C; --button-text:#FFFFFF; --button-border:transparent;
  --progress-start:#FF007A; --progress-end:#FF66B2; --progress-track:rgba(255,255,255,.10);
  --border:rgba(255,255,255,.08); --focus:rgba(255,0,122,.36);
  --shadow:0 28px 80px rgba(0,0,0,.44);
  --card-radius:24px; --button-radius:16px;
}

/* TokenPocket */
[data-wallet="tokenpocket"][data-theme="light"] {
  --page:#F3F7FD; --canvas:#EAF1FA; --surface:#FFFFFF; --surface-2:#EEF5FF;
  --text:#14223A; --muted:#60738E; --faint:#8597B0;
  --accent:#2980FE; --accent-hover:#176CE9; --accent-soft:rgba(41,128,254,.10);
  --button-bg:#2980FE; --button-hover:#176CE9; --button-text:#FFFFFF; --button-border:transparent;
  --progress-start:#2980FE; --progress-end:#79B3FF; --progress-track:rgba(30,82,153,.11);
  --border:rgba(0,0,0,0.08); --focus:rgba(41,128,254,.30);
  --shadow:0 28px 80px rgba(31,75,132,.12);
  --card-radius:23px; --button-radius:12px;
}
[data-wallet="tokenpocket"][data-theme="dark"] {
  --page:#101725; --canvas:#101725; --surface:#19263B; --surface-2:#263650;
  --text:#F3F7FF; --muted:#A8B9D0; --faint:#8092AD;
  --accent:#4B99FF; --accent-hover:#69AAFF; --accent-soft:rgba(75,153,255,.14);
  --button-bg:#4B99FF; --button-hover:#69AAFF; --button-text:#081A30; --button-border:transparent;
  --progress-start:#4B99FF; --progress-end:#A2CDFF; --progress-track:rgba(255,255,255,.12);
  --border:rgba(255,255,255,.08); --focus:rgba(75,153,255,.36);
  --shadow:0 28px 80px rgba(0,0,0,.43);
  --card-radius:23px; --button-radius:12px;
}

/* TronLink — light only */
[data-wallet="tronlink"][data-theme="light"] {
  --page:#F4F7F9; --canvas:#E9EFF5; --surface:#FFFFFF; --surface-2:#F0F4F8;
  --text:#021C31; --muted:#5A7184; --faint:#8292AA;
  --accent:#0055FF; --accent-hover:#0044CC; --accent-soft:rgba(0,85,255,.10);
  --button-bg:#1C2838; --button-hover:#2A3B52; --button-text:#FFFFFF; --button-border:transparent;
  --progress-start:#0055FF; --progress-end:#66A3FF; --progress-track:rgba(2,28,49,.10);
  --border:rgba(0,0,0,0.08); --focus:rgba(0,85,255,.28);
  --shadow:0 28px 80px rgba(31,65,117,.13);
  --card-radius:24px; --button-radius:12px;
}

/* OKX */
[data-wallet="okx"][data-theme="light"] {
  --page:#F4F4F5; --canvas:#FFFFFF; --surface:#FFFFFF; --surface-2:#F5F5F5;
  --text:#000000; --muted:#666666; --faint:#8C929B;
  --accent:#000000; --accent-hover:#333333; --accent-soft:rgba(0,0,0,.08);
  --button-bg:#000000; --button-hover:#333333; --button-text:#FFFFFF; --button-border:transparent;
  --progress-start:#B5FF2A; --progress-end:#8FCC1F; --progress-track:rgba(0,0,0,.10);
  --border:rgba(0,0,0,.08); --focus:rgba(0,0,0,.25);
  --shadow:0 28px 80px rgba(24,27,32,.13);
  --card-radius:24px; --button-radius:999px;
}
[data-wallet="okx"][data-theme="dark"] {
  --page:#000000; --canvas:#000000; --surface:#1A1A1A; --surface-2:#2A2A2A;
  --text:#FFFFFF; --muted:#888888; --faint:#6B6B6B;
  --accent:#B5FF2A; --accent-hover:#C4FF4D; --accent-soft:rgba(181,255,42,.12);
  --button-bg:#B5FF2A; --button-hover:#C4FF4D; --button-text:#000000; --button-border:transparent;
  --progress-start:#B5FF2A; --progress-end:#8FCC1F; --progress-track:rgba(255,255,255,.10);
  --border:rgba(255,255,255,.08); --focus:rgba(181,255,42,.32);
  --shadow:0 28px 80px rgba(0,0,0,.5);
  --card-radius:24px; --button-radius:999px;
}