/* ============================================================================
   pcosbase-lite — modern typography layer
   Changes font / size / text-color ONLY. No layout, spacing, or background
   colour changes. Loaded after app.css + AdminLTE so it wins.
   ============================================================================ */

:root { --ink: #1f2933; --ink-strong: #10202e; --muted: #5b6675; }

body,
.navbar, .navbar-default, .navbar-nav > li > a, .navbar-brand,
.box, .box-title, .table, .nav, .nav-tabs > li > a, .dropdown-menu, .dropdown-menu > li > a,
.btn, .label, .form-control, input, select, textarea, button,
p, li, td, th, h1, h2, h3, h4, h5, h6, .well {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
               'Helvetica Neue', Arial, sans-serif;
}

body {
  font-size: 16px;          /* comfortable reading size (tuned for 14" 1080p) */
  line-height: 1.65;
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

p, li, td { color: var(--ink); font-size: 16px; }

/* Headings: crisper weight, stronger contrast, modern tight tracking */
h1, h2, h3, h4, h5, h6 {
  color: var(--ink-strong);
  font-weight: 700;
  letter-spacing: -0.01em;
}
.box-title { color: var(--ink-strong); font-weight: 700; }

/* Muted / secondary text: darker than the washed-out default for real contrast */
.text-muted { color: var(--muted) !important; }

/* Tables: readable size + confident header treatment (kept a touch smaller
   than body prose for data density, but raised for legibility) */
.table { font-size: 15px; color: var(--ink); }
.table td, .table th { font-size: 15px; }

/* Wrap long cell content so nothing overflows the cell
   (e.g., big comma-separated protein lists, definitions, long URLs). */
.table td, .table th,
.table td p, .table th p,
.profile-table .table-detail, .doc-content td {
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}
.table thead th { color: #38465a; font-weight: 600; letter-spacing: 0.02em; }
.profile-table td.table-info { color: var(--ink-strong); font-weight: 600; }

/* Navbar links: slightly heavier for clarity (colour unchanged by theme) */
.navbar-default .navbar-nav > li > a { font-weight: 500; }

/* Controls */
.btn { font-weight: 600; letter-spacing: 0.005em; }
.label { font-weight: 600; }
.form-control { color: var(--ink); }

/* Links a touch heavier so they read clearly against body text */
a { font-weight: 500; }