:root {
  --c-surface-0: hsl(330 40% 96%);
  --c-surface-1: hsl(330 35% 92%);
  --c-surface-2: hsl(330 30% 85%);

  --c-border: hsl(330 25% 80%);
  --c-border-soft: hsl(330 22% 70%);
  --c-border-faint: hsl(330 35% 92%);
  --c-border-strong: hsl(330 20% 40%);

  --c-text: hsl(330 30% 12%);
  --c-text-secondary: hsl(330 20% 25%);
  --c-text-muted: hsl(330 15% 40%);
  --c-text-subtle: hsl(330 10% 50%);
  --c-text-faint: hsl(330 10% 65%);
  --c-text-faintest: hsl(330 12% 80%);

  --c-danger-bg: #fee2e2;
  --c-danger-border: #fca5a5;
  --c-danger-text: #b91c1c;
  --c-danger-text-strong: #991b1b;

  --c-accent: hsl(150 70% 40%);
  --c-accent-soft: hsl(120 60% 85%);
  --c-accent-text: hsl(150 75% 28%);
  --c-accent-2: hsl(60 70% 45%);
  --c-accent-3: hsl(240 70% 38%);
}