:root {
  --qm-brand: #ff3a6d;
  --qm-brand-hover: #f34e79;
  --qm-brand-ink: #ffffff;
  --qm-brand-soft: rgba(255, 58, 109, 0.10);

  --qm-ink: #3e434b;
  --qm-ink-strong: #252a33;
  --qm-ink-muted: #737882;
  --qm-ink-subtle: #909090;

  --qm-surface: #ffffff;
  --qm-surface-2: #f3f4f7;
  --qm-surface-3: #ededed;
  --qm-border: #e4e6eb;
  --qm-border-strong: #ccced4;

  --qm-success: #46cd38;
  --qm-success-soft: rgba(70, 205, 56, 0.12);
  --qm-warning: #ffb006;
  --qm-warning-soft: rgba(255, 176, 6, 0.14);
  --qm-danger: #ff5a5a;
  --qm-danger-soft: rgba(255, 90, 90, 0.12);
  --qm-info: #007bff;
  --qm-info-soft: rgba(0, 123, 255, 0.10);

  --qm-space-1: 4px;
  --qm-space-2: 8px;
  --qm-space-3: 12px;
  --qm-space-4: 16px;
  --qm-space-5: 24px;
  --qm-space-6: 32px;
  --qm-space-7: 48px;

  --qm-radius-sm: 6px;
  --qm-radius: 8px;
  --qm-radius-lg: 12px;
  --qm-radius-pill: 999px;

  --qm-shadow-1: 0 1px 2px rgba(37, 42, 51, 0.06), 0 1px 3px rgba(37, 42, 51, 0.08);
  --qm-shadow-2: 0 4px 12px rgba(37, 42, 51, 0.10), 0 2px 4px rgba(37, 42, 51, 0.06);

  --qm-font: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --qm-fs-1: 32px;
  --qm-fs-2: 24px;
  --qm-fs-3: 18px;
  --qm-fs-4: 16px;
  --qm-fs-5: 14px;
  --qm-fs-6: 12px;
  --qm-lh-tight: 1.25;
  --qm-lh: 1.5;
  --qm-fw-regular: 400;
  --qm-fw-medium: 500;
  --qm-fw-bold: 700;

  --qm-control-sm: 32px;
  --qm-control-md: 40px;
  --qm-control-lg: 48px;
  --qm-touch-min: 44px;

  --qm-focus-ring: 0 0 0 3px rgba(0, 123, 255, 0.45);
  --qm-focus-offset: 2px;

  --qm-transition: 160ms ease;
}