:root {
  --sys-primary: #5b2a6e;
  --sys-primary-rgb: 91, 42, 110;
  --sys-primary-dark: #40204d;
  --sys-primary-light: #76508a;
  --sys-top: #343a40;
  --sys-add: #218838;
  --sys-edit: #d39e00;
  --sys-delete: #c82333;
  --sys-secondary: #6c757d;
  --sys-success: #218838;
  --sys-info: #117a8b;
  --sys-warning: #d39e00;
  --sys-danger: #c82333;
  --sys-surface: #ffffff;
  --sys-background: #f4f6f9;
  --sys-text: #2d3035;
  --sys-icons: #b174c5;
  --sys-muted: #6c757d;
  --sys-border: #d9dee3;
  --sys-radius-sm: 0.25rem;
  --sys-radius-md: 0.5rem;
  --sys-radius-lg: 0.75rem;
  --sys-shadow-sm: 0 0.125rem 0.35rem rgba(0, 0, 0, 0.08);
  --sys-shadow-md: 0 0.35rem 1rem rgba(0, 0, 0, 0.12);
  --sys-focus: 0 0 0 0.2rem rgba(var(--sys-primary-rgb), 0.25);
  --sys-space-1: 0.25rem;
  --sys-space-2: 0.5rem;
  --sys-space-3: 1rem;
  --sys-space-4: 1.5rem;
  --sys-transition: 160ms ease-in-out;
}