@import "tailwind/_base.css";
@import "tailwind/_components.css";
@import "tailwind/_utilities.css";
@import 'intro.js/introjs.css';
@import "_checkbox-radio-switch.css";
@import "_progress.css";
@import "_scrollbars.css";
@import "_table.css";
@import "_helper.css";
@import '_calendar.css';
@import '_select-dropdown.css';
@import "_theme.css";
@import '_rich-text.css';

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');


body {
    @apply font-sans text-primaryText !important;
  }
.MuiList-root,
.MuiListItemIcon-root {
  @apply text-pastelBrownTheme-buttonColor  !important;
}
.MuiCheckbox-colorPrimary{
  @apply text-pastelBrownTheme-buttonColor !important;
}
.MuiDataGrid-row.Mui-selected{
  @apply bg-pastelBrownTheme-mainBG !important;
}
.MuiDataGrid-withBorderColor{
  @apply border-pastelBrownTheme-mainBG !important;
}
.MuiDataGrid-cell:focus{
  @apply outline-pastelBrownTheme-buttonColor !important;
}
 
.introjs-tooltip {
  @apply min-w-[400px] max-w-[480px] p-2 !important;
}

.introjs-tooltipReferenceLayer * {
  @apply font-sans text-base text-gray-900;

font-family: 'Ubuntu', sans-serif !important; 

}

.good-img {
  @apply -mt-96 !important;
}
.end-img {
  @apply -mt-72 !important;
}
.introjs-button {
  @apply bg-pastelBrownTheme-buttonColor text-white  !important;
  text-shadow: none !important;
}
.introjs-bullets ul li a.active {
  @apply bg-pastelBrownTheme-iconsColor  !important;
}
.introjs-prevbutton{
  @apply bg-transparent border border-pastelBrownTheme-buttonColor text-pastelBrownTheme-buttonColor !important;
}


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

:root {
  --coffee-brown: #1F3A2D;
  --coffee-beige: #F4F1E6;
  --coffee-gold: #9FB06F;
}

html {
  scroll-behavior: smooth;
}

.font-brand-display {
  font-family: 'Playfair Display', Georgia, serif;
}

.font-brand-body {
  font-family: 'Inter', 'Ubuntu', sans-serif;
}

.coffee-input {
  width: 100%;
  height: 3.25rem;
  border-radius: 1rem;
  border: 1px solid rgba(31, 58, 45, 0.14);
  background: #F8FAF4;
  padding: 0 1rem;
  font-size: 0.95rem;
  color: #22332B;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.coffee-input:focus {
  outline: none;
  border-color: rgba(159, 176, 111, 0.82);
  box-shadow: 0 0 0 3px rgba(159, 176, 111, 0.18);
  background: #ffffff;
}

.coffee-input::placeholder {
  color: #869488;
}

@keyframes coffeeFadeIn {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.coffee-fade-in {
  animation: coffeeFadeIn 0.8s ease both;
}
