/*
 * Custom stylesheet for Assam Sarkari Job CMS
 * Designed to augment Tailwind CSS with custom utility styles
 */

/* Theme Color Variables */
:root {
  --theme-bg: #FCF9EA;
  --theme-teal: #BADFDB;
  --theme-coral: #FFA4A4;
  --theme-pink: #FFBDBD;
}

/* Base style */
body {
  background-color: var(--theme-bg);
  font-family: 'Outfit', 'Inter', system-ui, -apple-system, sans-serif;
  color: #2D3748;
}

/* Micro-animations and Transitions */
.hover-scale {
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s ease;
}
.hover-scale:hover {
  transform: translateY(-2px);
}

/* Custom Marquee Ticker Style */
.ticker-container {
  display: flex;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}

.ticker-wrap {
  display: inline-block;
  animation: marquee 35s linear infinite;
  padding-left: 100%;
}

.ticker-wrap:hover {
  animation-play-state: paused;
}

@keyframes marquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

/* Print Optimization for Job Seekers */
@media print {
  body {
    background: #fff !important;
    color: #000 !important;
  }
  .no-print {
    display: none !important;
}
  .print-card {
    border: 1px solid #ccc !important;
    box-shadow: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* Custom extra-small text utility */
.text-xxs {
  font-size: 10px !important;
  line-height: 1rem !important;
}