:root {
  /* Colors */
  --teal:        #14a7a8;
  --teal-dark:   #0e6d81;
  --teal-deep:   #0a4f66;
  --teal-light:  #eef6f6;
  --footer-teal: #0e7f89;
  --black:       #111111;
  --dark:        #1a1a1a;
  --gray:        #555555;
  --gray-light:  #888888;
  --light-gray:  #f5f5f5;
  --border:      #e0e0e0;
  --white:       #ffffff;

  /* Typography */
  --font-main: 'Syne', sans-serif;

  /* Spacing */
  --section-pad: 60px;
  --container: 1440px;

  /* UI */
  --radius:  20px;
  --shadow:  0 2px 16px rgba(0, 0, 0, 0.10);
  --transition: 0.2s ease;
}