@import "tailwindcss";

@theme {
  --color-cream: #FAF8F5;
  --color-cream-dark: #F0EDE8;
  --color-dark-green: #3D5A3E;
  --color-dark-green-hover: #4A6D4B;
  --color-amber: #C4922A;
  --color-amber-light: #FEF3C7;
  --color-green: #2E7D32;
  --color-green-light: #E8F5E9;
  --color-brick-red: #8B3A3A;
  --color-brick-red-light: #FDE8E8;
  --color-warm-gray: #6B5E50;
  --color-warm-gray-light: #D4CDC4;
  --color-warm-brown: #8B7355;
}

.safe-area-pb {
  padding-bottom: env(safe-area-inset-bottom);
}

.tab-bar-safe-area {
  padding-bottom: max(4px, env(safe-area-inset-bottom));
}

.safe-area-pt {
  padding-top: env(safe-area-inset-top);
}

@media (display-mode: standalone) {
  .standalone-safe-area-pt {
    padding-top: env(safe-area-inset-top);
  }
  .standalone-safe-area-mt {
    margin-top: env(safe-area-inset-top);
  }
}