/* Logan & Dex — supplemental styles on top of Tailwind. */
:root {
  --brand-800: #0E3F6C;   /* Deep Navy — primary */
  --brand-700: #11456E;
  --brand-100: #D6E4F0;
  --secondary-500: #00BBA7;  /* Teal */
  --accent-500:    #E00646;  /* Crimson — CTAs */
  --surface-dark:  #0B2238;
}

/* Tailwind .form-input/.form-select don't auto-apply with the Play CDN;
   our Tailwind form widgets render through forms.py classes instead. */

html {
  scroll-behavior: smooth;
}

::selection {
  background: rgba(14, 63, 108, 0.18);
  color: var(--brand-800);
}

/* Subtle scrollbars for dashboard panels */
.scrollable {
  scrollbar-width: thin;
  scrollbar-color: var(--brand-100) transparent;
}
.scrollable::-webkit-scrollbar { width: 8px; height: 8px; }
.scrollable::-webkit-scrollbar-thumb {
  background: var(--brand-100);
  border-radius: 9999px;
}

/* Print: keep CoA pages clean when sample dashboard exports to PDF */
@media print {
  header, footer, aside { display: none !important; }
}