:root {
  --decal-ink: #17233d;
  --decal-muted: #53627d;
  --decal-paper: #fbfaf6;
  --decal-surface: #fff;
  --decal-surface-soft: #e5f3ee;
  --decal-surface-blue: #edf2ff;
  --decal-line: #d6deed;
  --decal-line-soft: #edf0f5;
  --decal-lagoon: #123f4a;
  --decal-blue: #3155d9;
  --decal-teal: #078b83;
  --decal-coral: #f15b4f;
  --decal-lime: #c8e84c;
  --decal-gold: #e0a51a;
  --decal-scripture: #ff9557;
  --decal-violet: #6948c6;
  --decal-shadow-sm: 0 8px 22px rgba(23, 35, 61, .06);
  --decal-shadow-md: 0 14px 28px rgba(23, 35, 61, .14);
  --decal-radius-sm: 10px;
  --decal-radius-md: 16px;
  --decal-radius-lg: 20px;
  --decal-radius-pill: 999px;
  --decal-container: 1124px;
  --decal-focus: 3px solid var(--decal-lime);
}