/* Import Google Fonts - Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/* Variables */
:root {
  --primary-color: #2c3e50;
  --secondary-color: #e6e6e6; /* Sidebar background */
  --text-color: #1f2937; /* gray-800 */
  --text-light: #374151; /* gray-700 */
}

/* Base Styles using Inter font */
body {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  color: var(--text-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 0.8s ease-out forwards;
}

/* Custom List Styles - Robust Custom Bullets */
ul.list-square {
    list-style: none !important; /* Force off default styles */
    padding-left: 0 !important;
    margin-top: 0.5rem;
}

ul.list-square li {
    position: relative;
    padding-left: 1.5rem; /* Space for the bullet */
    margin-bottom: 0.5rem;
    line-height: 1.5;
}

/* Create the square bullet using pseudo-element */
ul.list-square li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.5em; /* Center vertically relative to line-height */
    width: 6px;
    height: 6px;
    background-color: var(--primary-color);
    border-radius: 1px; /* Slightly soft square */
}

/* Contact Links Hover Effect */
a.contact-link {
    transition: color 0.2s ease;
    text-decoration: none;
    color: inherit;
}
a.contact-link:hover {
    color: var(--primary-color);
    text-decoration: underline;
}

/* Print Styles */
@media print {
  @page {
    margin: 0;
    size: auto;
  }

  body {
    background-color: white !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Reset container */
  .max-w-5xl {
    max-width: 100% !important;
    width: 100% !important;
    box-shadow: none !important;
    margin: 0 !important;
  }

  /* Sidebar Color */
  .bg-\[\#e6e6e6\] {
    background-color: #e6e6e6 !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  /* Avoid page breaks */
  h1, h2, h3, h4, h5, h6 {
    break-after: avoid;
    page-break-after: avoid;
  }
  
  p, li {
    break-inside: avoid;
    page-break-inside: avoid;
  }
  
  .break-avoid {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  /* Hide scrollbars */
  ::-webkit-scrollbar {
    display: none;
  }
  
  /* Buttons or interactive elements if any */
  .no-print {
      display: none !important;
  }
}