@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300..700&display=swap');
    body { 
      font-family: 'Inter', sans-serif; 
    }
    
    /* nature color palette with percentages */
    :root {
      --color-petal: #f8f0e7;      /* 55% - primary background - warm off-white */
      --color-stem: #2b5e4b;        /* 20% - secondary surfaces - deep green */
      --color-poppy: #e65f4b;       /* 15% - accent / CTA - warm coral/red */
      --color-spring: #9bc184;      /* 10% - micro highlights - soft sage green */
    }
    
    /* utility classes */
    .bg-petal { background-color: var(--color-petal); }
    .bg-stem { background-color: var(--color-stem); }
    .bg-poppy { background-color: var(--color-poppy); }
    .bg-spring { background-color: var(--color-spring); }
    
    .text-petal { color: var(--color-petal); }
    .text-stem { color: var(--color-stem); }
    .text-poppy { color: var(--color-poppy); }
    .text-spring { color: var(--color-spring); }
    
    .border-petal { border-color: var(--color-petal); }
    .border-stem { border-color: var(--color-stem); }
    .border-poppy { border-color: var(--color-poppy); }
    .border-spring { border-color: var(--color-spring); }
    
    /* image styles */
    .section-img {
      width: 100%;
      height: 200px;
      object-fit: cover;
      box-shadow: 0 10px 20px rgba(0,0,0,0.05);
    }
    
    .banner-img {
      background-image: url('https://images.unsplash.com/photo-1544367567-0f2fcb009e0b?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80'); /* wellness / spa image */
      background-size: cover;
      background-position: center;
    }
    
    /* hover effects */
    .hover-lift:hover {
      transform: translateY(-4px);
      transition: transform 0.2s ease;
    }
    
    /* elegant rounded corners - soft and natural */
    .rounded-nature {
      border-radius: 1.5rem;
    }
    
    .rounded-nature-sm {
      border-radius: 1rem;
    }
    
    /* card styling */
    .nature-card {
      background-color: white;
      border: 1px solid var(--color-spring);
      box-shadow: 0 4px 12px rgba(43, 94, 75, 0.08);
    }