/* ==========================================================================
   ACOLHIMENTO & ORAÇÃO - DESIGN SYSTEM & CSS VARIABLES
   Londrina - PR
   ========================================================================== */

:root {
  /* Color Palette */
  --bg-main: #FAF8F4;
  --bg-white: #FFFFFF;
  --bg-beige: #F4EEE6;
  --bg-light-gray: #F6F6F6;
  
  /* Primary & Accent Colors */
  --primary-green: #2D4B27;
  --primary-green-hover: #203B1C;
  --primary-green-light: #E7EFE5;
  --accent-olive: #6E7F63;
  --accent-olive-light: #EEF2EB;
  --blue-serene: #4E6A87;
  --blue-dark: #23364B;
  
  /* Neutral & Text Colors */
  --text-dark: #2C2C2C;
  --text-muted: #616161;
  --text-light: #8C8C8C;
  --border-color: #E8E2D9;
  --border-focus: #2D4B27;
  
  /* Typography */
  --font-title: 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-script: 'Caveat', 'Alex Brush', cursive;

  /* Elevation & Shadows */
  --shadow-sm: 0 4px 12px rgba(45, 75, 39, 0.05);
  --shadow-md: 0 8px 24px rgba(45, 75, 39, 0.08);
  --shadow-lg: 0 16px 36px rgba(45, 75, 39, 0.12);
  --shadow-hover: 0 12px 32px rgba(45, 75, 39, 0.14);

  /* Border Radius */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 9999px;

  /* Layout Spacing */
  --container-max-width: 1240px;
  --header-height: 84px;

  /* Transitions */
  --transition-fast: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}