/* Azoma — layered mode palette (mirrors Colors / Palette · Light + Dark)
 * Use semantic vars below; wrap any subtree in .dark to flip it to dark mode. */
:root{
  --bg:#F3F5F8; --sunken:#E9ECF1; --surface:#FCFDFE; --overlay:#FFFFFF;
  --fill-1:#EEF0F4; --fill-2:#E4E7EC; --fill-3:#D8DCE3;
  --bd-1:#EDEFF2; --bd:#DCE0E7; --bd-strong:#CBD1DA;
  --tx-1:#0F1216; --tx-2:#474D57; --tx-3:#828A96; --tx-4:#B0B7C1;
  --acc:#2E6BF0; --acc-2:#2356D6; --on-acc:#FFFFFF; --acc-soft:#E7EEFE;
  --ok:#16A34A; --ok-soft:#E7F6EC; --warn:#D97706; --warn-soft:#FBF0E2;
  --danger:#DC2626; --danger-soft:#FCEBEB; --info:#2E6BF0; --info-soft:#E7EEFE;
}
.dark{
  --bg:#0B0C0E; --sunken:#060708; --surface:#17191C; --overlay:#202327;
  --fill-1:#1A1D21; --fill-2:#23272C; --fill-3:#2E333A;
  --bd-1:#1E2125; --bd:#31363E; --bd-strong:#3D434C;
  --tx-1:#F4F6F8; --tx-2:#B0B7C0; --tx-3:#7C838D; --tx-4:#565C65;
  --acc:#5B8DEF; --acc-2:#4A7BE0; --on-acc:#FFFFFF; --acc-soft:#16243B;
  --ok:#22C55E; --ok-soft:#10231A; --warn:#F0A500; --warn-soft:#2A2210;
  --danger:#F1655A; --danger-soft:#2B1614; --info:#5B8DEF; --info-soft:#16243B;
}