/* ==========================================================================
   CSS Custom Properties (Theme Variables)
   These will be generated from manifest data in the 11ty build
   ========================================================================== */

:root {
  /* Colors */
  --color-bg: #ffffff;
  --color-bg-alt: #f5f5f5;
  --color-text: #333333;
  --color-text-muted: #666666;
  --color-accent: #0066cc;
  --color-accent-hover: #0052a3;
  --color-border: #e0e0e0;

  /* Typography */
  --font-heading: Georgia, "Times New Roman", serif;
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-size-base: 16px;
  --line-height-base: 1.6;

  /* Layout */
  --max-content-width: 1200px;
  --max-page-width: 900px;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;

  /* Components */
  --border-radius: 4px;
  --transition-speed: 0.2s;
}