/**
 * Global CSS Variables
 */
:root {
  /* Color Palette */
  --primary-color: #0073aa;
  --secondary-color: #23282d;
  --accent-color: #00a0d2;
  --text-color: #333333;
  --bg-color: #ffffff;

  /* Typography */
  --font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

  /* Spacing */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 2rem;
  --spacing-xl: 4rem;
}