:root {
  /* Color Palette */
  --primary-color: #7b2952;
  --accent-color: #a02977;
  --background-color: #f5f5f5;
  --content-background-color: #ffffff;
  --navigation-background-color: #eaeaea;
  --text-color: #333333;
  --link-color: var(--primary-color);
  --link-hover-color: var(--accent-color);

  /* Typography */
  --font-family-sans-serif: 'Open Sans', Arial, Helvetica, sans-serif;
  --font-size-base: 16px;
  --line-height-base: 1.6;

  /* Layout */
  --content-max-width: 1400px;
  --spacing-unit: 1rem;

  /* Borders and Shadows */
  --border-radius: 5px;
  --box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}