:root {
  /* Colors - aligned with rbovetti.com brand */
  --color-bg: #FAFAF8;
  --color-bg-card: #FFFFFF;
  --color-text-primary: #1A1A1A;
  --color-text-secondary: #4A4A4A;
  --color-accent-warm: #8B2635;
  --color-accent-warm-dark: #6B1D29;
  --color-accent-cold: #1B365D;
  --color-border: rgba(27, 54, 93, 0.1);
  --color-border-strong: rgba(27, 54, 93, 0.2);

  /* Typography */
  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-size-base: 16px;
  --line-height-base: 1.6;

  /* Spacing scale (8px base) */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 48px;
  --space-xl: 80px;
  --space-2xl: 120px;

  /* Layout */
  --max-width-content: 1200px;
  --max-width-text: 800px;
  --radius: 8px;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(27, 54, 93, 0.08);
  --shadow-md: 0 4px 16px rgba(27, 54, 93, 0.12);
  --shadow-lg: 0 8px 24px rgba(27, 54, 93, 0.16);

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 300ms ease;
  --transition-slow: 500ms ease;

  /* Z-index scale */
  --z-base: 1;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-modal: 1000;
}