:root{
  /* brand — #0E2F4D is the confirmed primary from the React Native app */
  --navy:#0E2F4D; --navy-700:#17456F; --navy-50:#E7EEF4;
  --cyan:#29A9E0;                    /* logo only, never a UI control */

  /* action & semantic */
  --blue:#2B7FEF;   --blue-bg:#E9F1FE;
  --green:#2E9E5B;  --green-bg:#E6F4EA; --green-tx:#1E7C43;
  --amber:#C77A16;  --amber-bg:#FDF3E3;
  --red:#F0533B;    --red-bg:#FDEEEB;   --red-tx:#C33A24;
  --purple:#9B51E0; --purple-bg:#F5EAFB;

  /* text & surfaces */
  --ink:#0E2439; --ink-2:#3D4A5C; --gray:#8A9099; --muted:#AEB4BD;
  --line:#E6E9EF; --line-2:#F0F2F6;
  --surface:#FFFFFF; --page:#F5F7FA; --field:#F7F8FA;

  /* shape */
  --r-s:10px; --r-m:12px; --r-l:16px; --r-xl:20px;
  --sh-1:0 1px 2px rgba(14,47,77,.05);
  --sh-2:0 2px 8px rgba(14,47,77,.06);
  --sh-3:0 8px 28px rgba(14,47,77,.12);

  --nav-w:250px;

  /* derived (still from tokens) */
  --table-head: #FBFCFD;
  --table-hover: #FBFCFE;
  --tag-mute-bg: #EFF1F5;
  --tag-mute-tx: #5A6675;
  --blue-tx: #1A5FC4;
  --side-link: #D3E1EE;
  --side-muted: #7FA3C4;
  --side-sub: #8FB6D6;
  --side-av: #24547C;
  --scrim: rgba(14,47,77,.38);
  --toggle-off: #DDE1E8;
  --white: #FFFFFF;
}