/* =============================================
   DESA HUTARUHOM — CSS Variables
   ============================================= */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Source+Sans+3:wght@400;500;600;700&display=swap');

:root {
  /* Colors */
  --hijau:        #1a6b3a;
  --hijau-tua:    #0f4626;
  --hijau-muda:   #2d9e58;
  --hijau-terang: #e8f5e9;
  --emas:         #d4a017;
  --emas-muda:    #f0c642;
  --krem:         #fdf6e3;
  --putih:        #ffffff;
  --abu:          #f0ede8;
  --abu-gelap:    #e0dcd5;
  --teks-gelap:   #1a1a1a;
  --teks-abu:     #666;
  --teks-terang:  #999;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.10);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.14);

  /* Border radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* Spacing */
  --space-xs:  6px;
  --space-sm:  12px;
  --space-md:  20px;
  --space-lg:  32px;
  --space-xl:  48px;

  /* Fonts */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'Source Sans 3', Segoe UI, sans-serif;

  /* Max width */
  --max-width: 1200px;
  --page-pad:  0 24px;
}