/* CES New ERP — "Navy Ledger" theme layer (offline, pairs with Tailwind runtime config in base.html) */

:root {
  --ink: #0a0f1a;      /* all reading text, light theme */
  --paper: #f8fafc;    /* all reading text, dark theme */
  --nav: #122c59;      /* sidebar / navy, light theme */
  --nav-dark: #0b1c3d; /* sidebar, dark theme */
}

html { font-family: 'Anuphan', sans-serif; }

/* Numeric alignment for money/tables */
.tnum { font-variant-numeric: tabular-nums; }

/* Focus visibility (keyboard) */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid #2b62c0;
  outline-offset: 2px;
  border-radius: 6px;
}

/* Slim scrollbars inside table wrappers / sidebar */
.custom-scrollbar::-webkit-scrollbar { width: 8px; height: 8px; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(100, 116, 139, .4); border-radius: 8px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }

/* Toast + modal motion (state feedback only, 150-200ms ease-out) */
@keyframes ui-pop-in {
  from { opacity: 0; transform: translateY(8px) scale(.98); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes ui-fade-in { from { opacity: 0; } to { opacity: 1; } }

.ui-enter { animation: ui-pop-in .2s cubic-bezier(.16, 1, .3, 1) both; }
.ui-backdrop-enter { animation: ui-fade-in .15s ease-out both; }

/* Reduced motion: everything becomes near-instant */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}