/* =====================================================
   TAW HRMS — DigiSME-style Theme
   Navy top navbar · gold accents · lavender body ·
   white widget cards · dropdown menus
   ===================================================== */

:root {
  /* premium deep-indigo & violet palette */
  --navy: #171d3a;
  --navy-dark: #10142b;
  --navy-menu: #1f2749;
  --gold: #a5b4fc;         /* indigo-glow accent on dark surfaces */
  --gold-soft: #c7d2fe;
  --accent: #7c6cf0;       /* violet primary accent */
  --blue: #5b5bd6;         /* primary action */
  --blue-dark: #4844b8;
  --bg: #f2f3fb;
  --card: #ffffff;
  --text: #363b46;
  --text-dark: #1e2230;
  --text-muted: #7d8494;
  --border: #e5e7f2;
  --ok: #17976b;   --ok-soft: #e2f6ee;
  --warn: #d98a06; --warn-soft: #fcf3dd;
  --bad: #d64560;  --bad-soft: #fdeaef;
  --info: #5b5bd6; --info-soft: #ecebfc;
  --radius: 12px;
  --shadow: 0 1px 4px rgba(23,29,58,.08), 0 1px 2px rgba(23,29,58,.05);
  --shadow-menu: 0 10px 30px rgba(23,29,58,.22);
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;
  background: var(--bg);
  color: var(--text);
  font-size: 14.5px;
  line-height: 1.5;
}

h1,h2,h3,h4 { line-height: 1.3; color: var(--text-dark); }
a { color: var(--blue); text-decoration: none; }
.muted { color: var(--text-muted); }
.small { font-size: 12.5px; }
.mt { margin-top: 16px; }
.mb { margin-bottom: 16px; }
.right { text-align: right; }
.center { text-align: center; }
.flex { display: flex; gap: 10px; align-items: center; }
.flex-between { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.grow { flex: 1; }


/* buttons & interactive chrome never show a text caret / selection */
button, .btn {
  -webkit-user-select: none; user-select: none;
  -webkit-tap-highlight-color: transparent;
}