:root {
  /* Colors */
  --color-primary: #7ba3a2;

  --color-secondary: #bfa362;

  --color-tertiary: #0b1223;

  --color-white: #f7f7f7;

  --color-green-dark: #253331;
  --color-green-medium: #2e4441;

  /* Typography */
  --font-family-base: "Outfit", sans-serif;

  --font-weight-light: 300;
  --font-weight-normal: 400;

  /* Font sizes */
  --text-sm: 1rem;
  --text-md: 1.5rem;
  --text-lg: 3.5rem;

  /* Line heights */
  --leading-sm: 1.2;
  --leading-md: 1.4;
  --leading-lg: 1.1;

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;

  /* Radius */
  --radius-md: 12px;

  /* Transitions */
  --transition-fast: 0.3s ease;
}