:root {
  --sam-bg: #f5f8fc;
  --sam-surface: #ffffff;
  --sam-text: #0f172a;
  --sam-muted: #475569;
  --sam-border: #dbe3ee;
  --sam-brand: #0b5fa5;
  --sam-brand-strong: #084a80;
  --sam-brand-soft: #e8f1f9;
  --sam-success: #0f7b4f;
  --sam-warning: #a35a00;
  --sam-danger: #b3261e;
  --sam-focus: #1a73e8;

  --sam-fs-12: 0.75rem;
  --sam-fs-14: 0.875rem;
  --sam-fs-16: 1rem;
  --sam-fs-18: 1.125rem;
  --sam-fs-22: 1.375rem;
  --sam-fs-32: 2rem;

  --sam-sp-1: 4px;
  --sam-sp-2: 8px;
  --sam-sp-3: 12px;
  --sam-sp-4: 16px;
  --sam-sp-5: 24px;
  --sam-sp-6: 32px;

  --sam-radius-sm: 8px;
  --sam-radius-md: 12px;
  --sam-radius-lg: 16px;
  --sam-radius-pill: 999px;

  --sam-shadow-1: 0 1px 2px rgba(15, 23, 42, 0.06);
  --sam-shadow-2: 0 10px 24px rgba(15, 23, 42, 0.1);

  --sam-tap-target: 44px;
}