:root {
  /* BACKGROUND */
  --background-top: #ffffff;
  --background-middle: #f5f8fb;
  --background-bottom: #dfeaf4;

  /* SNOW */
  --snow-color: #4c9fe3;
  --snow-opacity: 0.48;

  /* TEXT */
  --heading-color: #172333;
  --bio-color: #536273;
  --footer-color: #718092;

  /* BUTTONS */
  --button-background: rgba(255, 255, 255, 0.72);
  --button-hover-background: rgba(255, 255, 255, 0.94);
  --button-text-color: #1d2a38;
  --button-border: rgba(255, 255, 255, 0.92);
  --button-shadow: 0 8px 28px rgba(45, 75, 105, 0.10);
  --button-hover-shadow: 0 14px 35px rgba(45, 75, 105, 0.18);

  /* ICONS */
  --icon-background: #edf3f8;

  /* PROFILE */
  --avatar-border-color: rgba(255, 255, 255, 0.95);
  --avatar-shadow: 0 12px 40px rgba(50, 90, 130, 0.20);

  /* SIZING */
  --content-width: 620px;
  --avatar-size: 120px;
  --button-height: 68px;
  --button-radius: 18px;
  --icon-size: 48px;

  --page-top-padding: 58px;
  --button-gap: 14px;
}