:root {
  /* Colors */
  --primary-color: #66CCCC;
  --primary-dark: #5a9e9c;
  --text-color: #333;
  --text-light: #666;
  --white: #ffffff;
  --background-light: #f8f9fa;

  /* Spacing */
  --spacing-xs: 5px;
  --spacing-sm: 10px;
  --spacing-md: 15px;
  --spacing-lg: 20px;
  --spacing-xl: 40px;

  /* Typography */
  --font-size-sm: 0.9rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.2rem;
  --font-size-xl: 1.5rem;
  --font-size-xxl: 2rem;

  /* Border Radius */
  --border-radius-sm: 8px;
  --border-radius-md: 15px;
  --border-radius-lg: 25px;
  --border-radius-full: 50%;

  /* Transitions */
  --transition-fast: 0.3s ease;
  --transition-medium: 0.5s ease;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);
}