/* Shared CA Office Manager design system.
   Keep module-specific layout rules in their page/module stylesheets. */
:root {
  --font-ui: Poppins, "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-display: Georgia, "Times New Roman", serif;
  --navy: #102b46;
  --navy2: #1d4567;
  --navy3: #2d5f87;
  --accent: #c9a227;
  --accent-soft: #faf3dd;
  --bg: #f7f8f7;
  --card: #ffffff;
  --text: #22303f;
  --muted: #6b7a8c;
  --border: #e3e8ee;
  --line: #edf1f5;
  --red: #c0392b;
  --red-soft: #fdecea;
  --green: #1e8449;
  --green-soft: #e7f4ec;
  --orange: #d68910;
  --orange-soft: #fdf3e2;
  --blue: #2471a3;
  --blue-soft: #e8f1f8;
  --shadow-sm: 0 4px 14px rgba(25, 47, 75, .035);
  --shadow-md: 0 10px 30px rgba(25, 47, 75, .08);
  --radius-sm: 7px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
}

@font-face{font-family:Poppins;src:url('/public/vendor/poppins/poppins-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('/public/vendor/poppins/poppins-latin-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('/public/vendor/poppins/poppins-latin-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('/public/vendor/poppins/poppins-latin-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

*, *::before, *::after { box-sizing: border-box; }
html { font-family: var(--font-ui); background: var(--bg); }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3 { font-family: var(--font-display); }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }

/* Shared status language used by every module. */
.status-pending, .b-orange { color: var(--orange); background: var(--orange-soft); }
.status-progress, .b-blue { color: var(--blue); background: var(--blue-soft); }
.status-complete, .b-green { color: var(--green); background: var(--green-soft); }
.status-danger, .b-red { color: var(--red); background: var(--red-soft); }
.status-neutral, .b-grey { color: var(--muted); background: #eef1f5; }
.status-accent, .b-gold { color: #8d6e08; background: var(--accent-soft); }

@media (max-width: 760px) {
  :root { --space-6: 18px; }
}

/* Poppins type scale: weights match the locally bundled font faces. */
body{font-family:var(--font-ui);font-size:14px;font-weight:400;line-height:1.5}
button,.btn,.btn-sm{font-family:var(--font-ui);font-weight:600;line-height:1.35}
input,select,textarea{font-family:var(--font-ui);font-size:13px;font-weight:400;line-height:1.4}
label,.lbl,.sub,.note,small{font-family:var(--font-ui);font-weight:500}
.nav a{font-family:var(--font-ui);font-size:13px;font-weight:500}
table{font-family:var(--font-ui)}
th{font-family:var(--font-ui);font-size:11px;font-weight:600;line-height:1.35}
td{font-family:var(--font-ui);font-size:13px;font-weight:400;line-height:1.45}