/* Iru commissions — global base styles shared by every page.
   Complements static/theme.js (Tailwind tokens). */

html, body {
  font-family: "FK Grotesk Neue", system-ui, sans-serif;
  background: #FBFBF9;
  color: #0C0C29;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Numerals: monospace + tabular so financial figures align in columns */
.num, .code {
  font-family: "FK Grotesk Mono", ui-monospace, monospace;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
}

/* Focus: one visible ring, brand-tinted, never removed */
:focus-visible {
  outline: 2px solid #0079CA;
  outline-offset: 2px;
  border-radius: 4px;
}

/* Selection in brand glow */
::selection { background: rgba(134, 255, 254, 0.35); color: #0C0C29; }

/* Quiet scrollbars */
* { scrollbar-width: thin; scrollbar-color: #D9D9D2 transparent; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb { background: #D9D9D2; border-radius: 9999px; }
*::-webkit-scrollbar-track { background: transparent; }

/* Tactile press on every button */
button:active, a[role="button"]:active { transform: translateY(1px); }

/* Attainment gauges (shared by dashboards) */
.gauge-track { height: 6px; border-radius: 9999px; background: #F4F4F0; overflow: hidden; position: relative; }
.gauge-fill  { height: 100%; border-radius: 9999px; transition: width .3s cubic-bezier(0.16, 1, 0.3, 1); }