@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap');

:root {
  --jpn-navy: #1B365D;
  --jpn-navy-dark: #0f2038;
  --jpn-gold: #D99B26;
  --jpn-gold-light: #FDF4E2;
}

body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background-color: #FAF9F6;
  color: #1E293B;
  -webkit-font-smoothing: antialiased;
}

.grid-paper-bg {
  background-color: #FAF9F6;
  background-size: 24px 24px;
  background-image: 
    linear-gradient(to right, rgba(203, 213, 225, 0.35) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(203, 213, 225, 0.35) 1px, transparent 1px);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-track {
  background: #F1F5F9;
}
::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94A3B8;
}

/* Card Transitions */
.card-hover-effect {
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.card-hover-effect:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 24px -8px rgba(27, 54, 93, 0.12);
}

/* Print Optimization for Official JPN Report */
@media print {
  body {
    background: #FFFFFF !important;
    color: #000000 !important;
  }
  body * {
    visibility: hidden;
  }
  #print-area, #print-area * {
    visibility: visible;
  }
  #print-area {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 15px;
    box-shadow: none !important;
    border: none !important;
  }
  .no-print {
    display: none !important;
  }
}