/* =========================================================
   MENTOR POS — Design tokens
   Palette derived from the Triccess Hospitality mark:
   deep ink navy + sage green, extended with a warm gold
   accent and two muted analogous tones for the dashboard.
   ========================================================= */
:root{
  --navy-950:#0B0E24;
  --navy-900:#10142E;
  --navy-800:#171B3D;
  --navy-700:#232852;
  --sage-500:#A9B896;
  --sage-600:#8FA179;
  --sage-700:#728560;
  --gold-500:#C9A94D;
  --plum-700:#332E52;
  --steel-700:#293A57;
  --teal-700:#2E6E68;
  --cream-050:#F6F5F0;
  --cream-100:#EFEDE4;
  --ink-900:#1B1D2A;
  --ink-600:#5B5F72;
  --ink-400:#8A8E9E;
  --line:rgba(20,22,40,0.08);
  --line-dark:rgba(246,245,240,0.10);

  --font-display:'Fraunces', 'Georgia', serif;
  --font-body:'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:'IBM Plex Mono', monospace;

  --radius-sm:8px;
  --radius-md:14px;
  --radius-lg:22px;
  --shadow-soft:0 10px 30px rgba(11,14,36,0.18);
  --shadow-tile:0 2px 0 rgba(11,14,36,0.06);
}

*,*::before,*::after{box-sizing:border-box;}
html,body{height:100%;}
body{
  margin:0;
  font-family:var(--font-body);
  color:var(--ink-900);
  -webkit-font-smoothing:antialiased;
}
button{font-family:inherit;}
img{max-width:100%;display:block;}

.visually-hidden{
  position:absolute!important;
  width:1px;height:1px;
  overflow:hidden;clip:rect(0 0 0 0);
  white-space:nowrap;
}

/* focus visibility across the app */
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible{
  outline:2px solid var(--gold-500);
  outline-offset:2px;
}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:0.001ms!important; transition-duration:0.001ms!important;}
}