/* Design tokens. This is the swappable brand layer. Reskin the product by editing this file only. */
:root{
  --vd-ink:#12161C;
  --vd-ink-2:#1B222B;
  --vd-ink-text:#C7CED6;
  --vd-ink-text-dim:#8A929B;

  --vd-accent:#0E9F6E;
  --vd-accent-strong:#0B8A60;
  --vd-accent-tint:#EAF7F1;
  --vd-accent-border:#CDE9DC;
  --vd-on-accent:#FFFFFF;

  --vd-bg:#F6F8FA;
  --vd-surface:#FFFFFF;
  --vd-surface-2:#FAFCFB;
  --vd-line:#E3E8EF;
  --vd-line-2:#EEF1F4;

  --vd-text:#14181F;
  --vd-text-2:#5B6470;
  --vd-text-3:#8A929B;

  --vd-ok-bg:#E7F6EE;   --vd-ok:#0F7A47;   --vd-ok-border:#CDE9DC;
  --vd-warn-bg:#FFF7E6; --vd-warn:#8A5A00; --vd-warn-border:#F3E2BD;
  --vd-danger-bg:#FDECEC; --vd-danger:#B42318; --vd-danger-border:#F6D2D2;

  --vd-radius:8px;
  --vd-radius-lg:12px;
  --vd-sidebar-w:216px;
  --vd-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --vd-maxw:900px;
}