/* Shared visual language, taken from the module tablets. */
:root {
  --ui-canvas: #edf1f3;
  --ui-surface: #ffffff;
  --ui-surface-soft: #f5f8fa;
  --ui-surface-group: #e5ebef;
  --ui-ink: #1e293b;
  --ui-muted: #64748b;
  --ui-border: #d6dfe5;
  --ui-divider: #e7edf0;
  --ui-green: #23614e;
  --ui-green-soft: #eaf4ef;
  --ui-green-border: #bfd6ca;
  --ui-red: #ae3025;
  --ui-red-soft: #fcf0ed;
  --ui-red-border: #e6b7ae;
  --ui-amber: #854d0e;
  --ui-amber-soft: #fcf8ee;
  --ui-amber-border: #dfbd6b;
  --ui-radius-sm: 9px;
  --ui-radius-card: 14px;
  --ui-radius-group: 19px;
  --ui-shadow-card: 0 2px 3px #0f172a05;
  --ui-shadow-popup: 0 12px 36px #203c3021;
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-5: 20px;
  --ui-space-6: 24px;
}