/**
 * Shared RewardHub design tokens. Visual only.
 */
:root {
  --rh-color-bg: #f4f6f9;
  --rh-color-surface: #ffffff;
  --rh-color-surface-soft: #f8fafc;
  --rh-color-border: #e2e8f0;
  --rh-color-text: #0f172a;
  --rh-color-text-muted: #64748b;
  --rh-color-primary: #0d9488;
  --rh-color-primary-hover: #0f766e;
  --rh-color-success: #059669;
  --rh-color-warning: #d97706;
  --rh-color-danger: #e11d48;
  --rh-color-info: #0284c7;
  --rh-radius-sm: 8px;
  --rh-radius-md: 12px;
  --rh-radius-lg: 16px;
  --rh-radius-xl: 20px;
  --rh-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --rh-shadow-md: 0 8px 24px rgba(15, 23, 42, 0.08);
  --rh-space-1: 4px;
  --rh-space-2: 8px;
  --rh-space-3: 12px;
  --rh-space-4: 16px;
  --rh-space-5: 20px;
  --rh-space-6: 24px;
  --rh-space-7: 32px;
  --rh-space-8: 40px;
  --rh-control-h: 40px;
  --rh-control-h-sm: 36px;
}