/* css/variables.css */
:root {
  /* Primary Colors */
  --color-white: #FFFFFF;
  --color-lavender-soft: #E6D8FF;
  --color-lavender-muted: #C9B4FF;
  --color-grey-light: #F6F6F8;
  --color-grey-deep: #2C2C2C;

  /* Typography */
  --font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-family-serif: "Georgia", serif;
  
  /* Spacing */
  --spacing-unit: 8px;
  --spacing-sm: 16px;
  --spacing-md: 32px;
  --spacing-lg: 64px;
  
  /* Shadows */
  --shadow-subtle: 0 4px 20px rgba(0, 0, 0, 0.05);

  /* Boundaries */
  --max-width: 1200px;
}