@tailwind base;
@tailwind components;
@tailwind utilities;

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=ADLaM+Display&family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Wallpoet&display=swap');

  /* Category Button */
  .category-btn {
    @apply flex flex-col items-center justify-center bg-white p-4 rounded-lg shadow-md hover:scale-105 transition-transform cursor-pointer text-brand-green font-medium;
  }

  /* Visual Category Selection Styles */
  .category-item {
    transition: all 0.2s ease;
  }

  .category-item:hover {
    transform: scale(1.02);
  }

  /* Card Style */
  .card {
    @apply bg-white shadow-card rounded-lg p-6 hover:shadow-cardHover hover:scale-105 transition transform cursor-pointer;
  }

  h1, h2, h3, h4, h5, h6 ,span{
    color: #0C1E42 !important;
  }
  p{
    color: #486279;
  }

  /* Link Styling to Match Theme */
  a {
    text-decoration: underline;
    transition: all 0.2s ease;
  }

  hr{
    color: #fff !important;
  }

  .chat-item-container{
    width: 260px !important;
  }
  .chat-item-container .card{
    width: 260px !important;
  }

  /* AI Message Links */
  .ai-message a,
  .user-message a,
  .message a {
    color: #0C1E42 !important;
    text-decoration: underline;
    transition: all 0.2s ease;
  }

  .ai-message a:hover,
  .user-message a:hover,
  .message a:hover {
    color: #0C1E42 !important;
    text-shadow: 0 0 8px rgba(12, 30, 66, 0.4);
  }

  /* Chat Bubble Links */
  .bubble a,
  .chat-message a,
  .response a {
    color: #0C1E42 !important;
    text-decoration: underline;
    transition: all 0.2s ease;
  }

  .bubble a:hover,
  .chat-message a:hover,
  .response a:hover {
    color: #0C1E42 !important;
    text-shadow: 0 0 8px rgba(12, 30, 66, 0.4);
  }

  /* Background Hex Pattern */
  body {
    font-family: 'Poppins', sans-serif;
    backdrop-filter: blur(80px);
    background-color: rgba(211, 255, 250, 1) !important;
    backface-visibility: 20%;
    background-size: contain;
    color: #e6f0ff;
  }

  .slabs{
    width: 20px;
    height: 6px;
    margin: 0 2px;
    /* animation: pulse 1.5s infinite; */
    border-radius:50px;
    background-color: rgba(255, 255, 255, 0.3);
  }

  .titlefont{
    font-family: "ADLaM Display", system-ui;
  }


  .profiled p{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #486279 !important;     /* IE7- */
    font-weight: 400;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  p{
      font-family: 'Poppins', sans-serif;
      font-weight: 400;
      font-style: Regular;
      font-size: 18px;
      line-height: 151%;
      letter-spacing: 0%;
  }

  .text-2xl{
    font-weight: 400 !important;
    font-style: Regular !important;
    font-size: 26px !important;
    line-height: 27px !important;
    letter-spacing: 1% !important
    ;

  }