@import "tailwindcss";

@theme {
  --color-brand: #00A86B;
  --color-brand-dark: #006D5B;
  --color-navy: #0B1F3B;
  --color-gold: #FFC107;
  --color-surface: #F7F7F2;
  --color-charcoal: #1F2937;
  --color-brand-50: #E6F7F0;
  --color-brand-100: #B3E8D4;
  --color-brand-200: #80D9B8;
  --color-brand-400: #33C28E;
}

@layer base {
  body {
    @apply bg-surface text-charcoal antialiased;
  }
}

@layer utilities {
  .scrollbar-thin {
    scrollbar-width: thin;
  }
  .scrollbar-thin::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  .scrollbar-thin::-webkit-scrollbar-track {
    background: transparent;
  }
  .scrollbar-thin::-webkit-scrollbar-thumb {
    background-color: #d1d5db;
    border-radius: 3px;
  }
}

@media print {
  .no-print {
    display: none !important;
  }

  aside,
  nav,
  header {
    display: none !important;
  }

  body {
    background: white !important;
  }

  main {
    margin: 0 !important;
    padding: 0 !important;
  }

  @page {
    margin: 12mm 10mm;
    size: A4;
  }
}