:root {
  /* Colors */
  --color-bg: #ffffff;
  --color-text: #3a3a3a;
  --color-text-light: #7a7a7a;
  --color-accent: #0274be;
  --color-border: #e8e8e8;
  --color-dark: #1a1a1a;
  --color-overlay: rgba(0, 0, 0, 0.45);

  /* Typography */
  --font-sans: 'Open Sans', sans-serif;
  --font-size-base: 15px;
  --font-size-sm: 13px;
  --font-size-lg: 18px;
  --font-size-xl: 25px;
  --font-size-2xl: 30px;
  --font-size-3xl: 40px;
  --line-height-base: 1.6;
  --line-height-heading: 1.2;

  /* Layout */
  --container-max: 1240px;
  --padding-desktop: 35px;
  --padding-mobile: 20px;
  --nav-height: 70px;
  --section-gap: 80px;

  /* Transitions */
  --transition: 0.3s ease;
  --transition-slow: 0.8s ease;
}