/* Shared visual vocabulary for the storefront, workspaces and admin. */
:root {
  --sys-ink: #142b49;
  --sys-muted: #586b83;
  --sys-line: #c6d2e2;
  --sys-line-strong: #7d93ae;
  --sys-surface: #fff;
  --sys-surface-soft: #f3f6fa;
  --sys-action: #234e86;
  --sys-action-hover: #193d6e;
  --sys-action-active: #15335c;
  --sys-action-soft: #eaf1fb;
  --sys-on-action: #fff;
  --sys-success: #16664d;
  --sys-success-hover: #10513c;
  --sys-success-soft: #e9f5ef;
  --sys-warning: #8a5712;
  --sys-warning-soft: #fff3d8;
  --sys-danger: #a12b47;
  --sys-danger-hover: #842039;
  --sys-danger-soft: #fcecf0;
  --sys-info: #265c97;
  --sys-info-soft: #edf4fc;
  --sys-gold: #e8cc7a;
  --sys-gold-hover: #ddbc60;
  --sys-on-gold: #283247;
  --sys-control-radius: 9px;
  --sys-control-height: 44px;
  --sys-focus: #3268b7;
  --sys-focus-ring: 0 0 0 3px #3268b724;
}