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

:root {
  --navy-dark: #0d223d;
  --brand-red: #d9232d;
}

body {
  font-family: 'Inter', sans-serif;
  color: #334155;
  background-color: #ffffff;
}

.bg-navy-dark { background-color: var(--navy-dark); }
.text-navy-dark { color: var(--navy-dark); }
.bg-brand-red { background-color: var(--brand-red); }
.text-brand-red { color: var(--brand-red); }
.border-brand-red { border-color: var(--brand-red); }

.clip-diamond {
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.vertical-text {
  writing-mode: vertical-rl;
  text-orientation: mixed;
}

@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.animate-marquee {
  display: flex;
  width: max-content;
  animation: marquee 40s linear infinite;
}

@keyframes bounce-slow {
  0%, 100% { transform: translate(-50%, -60%); }
  50% { transform: translate(-50%, -40%); }
}

.animate-bounce-slow {
  animation: bounce-slow 4s ease-in-out infinite;
}

/* Custom Scrollbar */
.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #0d223d;
  border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #d9232d;
}

/* Print Styles */
@media print {
  @page {
    margin: 1cm;
    size: auto;
  }
  body {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: white !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .print-break-inside-avoid {
    break-inside: avoid;
  }
  /* Ensure grid and flex work in print */
  .grid { display: grid; }
  .flex { display: flex; }
}