:root {
  /* Colors */
  --color-white: hsl(0, 0%, 100%);
  --color-slate-300: hsl(212, 45%, 89%);
  --color-slate-500: hsl(216, 15%, 48%);
  --color-slate-900: hsl(218, 44%, 22%);

  /* Typography */
  --font-family-base: 'Outfit', sans-serif;
  --font-size-base: 15px;

  /* Spacing */
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;

  /* Border radius */
  --radius-md: 12px;
  --radius-lg: 20px;

  /* Shadow */
  --shadow-card: 0 10px 20px rgba(0, 0, 0, 0.05);
}