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

@import "text_animation.css";
@import "tinymce_styles.css";
@import "article_content.css";
@import "forms.css";

@font-face {
  font-family: 'Helvetica_Neue';
  src: url("/fonts/Helvetica_Neue/HelveticaNeue-Bold.otf") format('opentype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica_Neue';
  src: url("/fonts/Helvetica_Neue/HelveticaNeue-Medium.otf") format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@layer base {
  /* Set Geologica as the default font for all normal text */
  body {
    font-family: 'Geologica', sans-serif;
    background-color: theme('colors.background');
  }
  
  /* Apply custom font to all headings */
  h1, h2, h3, h4, h5, h6 {
    font-family: 'Helvetica_Neue', sans-serif;
  }
}

@layer components {
  /* Override Tailwind's reset for lists within rich text content */
  .prose ol,
  .rich-text-wrapper ol {
    list-style-type: decimal !important;
    padding-left: 2rem !important;
    margin: 1rem 0 !important;
    list-style-position: outside !important;
  }
  
  .prose ol li,
  .rich-text-wrapper ol li {
    display: list-item !important;
    margin: 0.5rem 0 !important;
    list-style-type: decimal !important;
    list-style-position: outside !important;
  }
  
  .prose ul,
  .rich-text-wrapper ul {
    list-style-type: disc !important;
    padding-left: 2rem !important;
    margin: 1rem 0 !important;
    list-style-position: outside !important;
  }
  
  .prose ul li,
  .rich-text-wrapper ul li {
    display: list-item !important;
    margin: 0.5rem 0 !important;
    list-style-type: disc !important;
    list-style-position: outside !important;
  }

  /* Custom scrollbar styles for modal */
  .scrollbar-thin {
    scrollbar-width: thin;
  }
  
  .scrollbar-thin::-webkit-scrollbar {
    width: 8px;
  }
  
  .scrollbar-thin::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 4px;
  }
  
  .scrollbar-thin::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
  }
  
  .scrollbar-thin::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
  }
  
  .scrollbar-thumb-gray-300::-webkit-scrollbar-thumb {
    background: #d1d5db;
  }
  
  .scrollbar-track-gray-100::-webkit-scrollbar-track {
    background: #f3f4f6;
  }
}

/* Custom utility for flipping SVG vertically */
.flip-vertical {
  transform: scaleY(-1);
}

/* Ensure SVGs fill their containers */
img {
  max-width: 100%;
  height: auto;
}

/*
@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}
*/