/* ============================================================================
   Uptym – STMS · brand (Step 4, stms005)
   Uptym brand kit only: Royal blue #123C8F, Navy #0A192F, White, Poppins
   (Regular 400 / SemiBold 600, served from this server — no Google Fonts).
   Green / amber / red are used for status only.
   Every page loads this file first; its own :root may only point at these.
   ========================================================================== */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/brand/fonts/Poppins-Regular.woff') format('woff'),
       url('/brand/fonts/Poppins-Regular.ttf') format('truetype');
}
/* The kit has no 500 / 700 / 800: SemiBold serves every weight from 500 up. */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500 900;
  font-display: swap;
  src: url('/brand/fonts/Poppins-SemiBold.woff') format('woff'),
       url('/brand/fonts/Poppins-SemiBold.ttf') format('truetype');
}

:root {
  --uptym-royal:      #123C8F;
  --uptym-royal-h:    #0E3074;   /* royal, darker — hover / pressed */
  --uptym-navy:       #0A192F;
  --uptym-white:      #FFFFFF;
  /* light tints of royal blue for backgrounds, chips and selected rows */
  --uptym-royal-50:   #F3F6FB;
  --uptym-royal-100:  #E7ECF6;
  --uptym-royal-200:  #C9D4EA;
  --uptym-royal-300:  #9DB0D6;
  --uptym-font:       'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* Poppins is wide: numbers line up in tables and tiles. */
body { font-family: var(--uptym-font); }
button, input, select, textarea { font-family: inherit; }

/* stms025: line icons that replace colour emoji (UptymIcons.emojify) */
svg.uei { width: 1.15em; height: 1.15em; vertical-align: -.2em; flex-shrink: 0; }
.btn-icon svg.uei { width: 1.25em !important; height: 1.25em !important; vertical-align: -.25em !important; }
.btn-icon svg.uei:not(.uei-st) { color: var(--accent, #123C8F); }
.btn-primary svg.uei-st, .btn-danger svg.uei-st, .btn-warning svg.uei-st, .btn.btn-primary svg.uei-st { color: inherit !important; }
.btn-icon:hover { background: rgba(18, 60, 143, .08); }