/* ----------------------------------------------------------------------------
   Axon 365 — base styles loaded by every layout.

   The bulk of the visual system lives in `_TailwindStyles.cshtml` (Tailwind v4
   theme + component classes). This file holds the small set of globals that
   Tailwind cannot express: font-family fallback for the antialiased baseline,
   the [x-cloak] flicker fix for Alpine.js, scrollbar tweaks, and a CSS-vars
   bridge so plain CSS rules can still consult the theme tokens.
   ---------------------------------------------------------------------------- */

:root {
    color-scheme: light dark;
}

html, body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Hide elements bound by Alpine.js until the framework has hydrated, to avoid
   the brief "all states visible at once" flash on first paint. */
[x-cloak] { display: none !important; }

/* Tabular numerals for monospace contexts — montos and codes line up under
   each other (sec. 10.4 / 10.14). */
.font-mono,
[class*="font-mono"] {
    font-variant-numeric: tabular-nums;
}

/* Custom scrollbars — kept subtle so they do not compete with the data. */
* {
    scrollbar-width: thin;
    scrollbar-color: #d1d5db transparent;
}

[data-theme="dark"] * {
    scrollbar-color: #3f3f46 transparent;
}