/*
 * readability.css — Pulse global text readability
 * Linked by auth pages. Post-login pages get the same via header.js injection.
 */

/* ── CSS variable overrides ─────────────────────────────────────── */
:root {
  --text-light: #2e5248;
  --text-mid:   #1a3328;
  --text-dark:  #080f0b;
  --tl:         #2e5248;
  --tm:         #1a3328;
  --td:         #080f0b;
}

/* ── Font rendering ─────────────────────────────────────────────── */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ── Base body — 500 weight so every character has real stroke ─── */
body {
  font-weight: 500;
  color: #1a3328;
}

/* ── Kill 300-weight ────────────────────────────────────────────── */
[style*="font-weight:300"],
[style*="font-weight: 300"] {
  font-weight: 500 !important;
}

/* ── Inputs / selects ───────────────────────────────────────────── */
input, textarea, select {
  color: #080f0b !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}
input::placeholder, textarea::placeholder {
  color: #6a9088 !important;
  font-weight: 400 !important;
}

/* ── Form labels ────────────────────────────────────────────────── */
.form-label, .fl, .form-label-text, .form-group label {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1a3328 !important;
}

/* ── All buttons bold ───────────────────────────────────────────── */
button { font-weight: 700 !important; }

/* ── Primary / dark text ────────────────────────────────────────── */
.list-name, .proj-name, .ph-name,
.stat-value, .stat-val, .bk-val,
.ar-title, .people-name, .team-name, .ldc-assign-name {
  color: #080f0b !important;
  font-weight: 700 !important;
}

/* ── Secondary text — was washed out ───────────────────────────── */
.list-sub, .proj-desc, .proj-meta-item,
.ar-meta, .stat-change, .bk-label,
.ms-date, .ms-text,
.phs-key, .ph-id, .ph-meta,
.section-count, .section-title,
.empty-sub, .ad-sub,
.modal-sub, .del-modal-sub,
.team-role, .people-role, .ldc-assign-sub,
.missing-label, .missing-chip {
  color: #2e5248 !important;
  font-weight: 600 !important;
}

/* ── Tiny uppercase labels ──────────────────────────────────────── */
.phs-key, .ph-id, .section-title, .card-title {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px;
}

/* ── Role bar ────────────────────────────────────────────────────── */
.role-badge, .rb-label {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.9) !important;
}
.role-badge strong { font-weight: 800 !important; color: #fff !important; }

/* ── Stat values ────────────────────────────────────────────────── */
.stat-value, .stat-val, .phs-val {
  font-size: 22px !important;
  font-weight: 800 !important;
}

/* ── Nav bar labels ─────────────────────────────────────────────── */
.gbn-lb {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #3a5c52 !important;
}
.gbn-item.active .gbn-lb {
  color: #1e3a5f !important;
  font-weight: 800 !important;
}

/* ── Tab / action button labels ─────────────────────────────────── */
.tab, .pha-btn { font-weight: 700 !important; }

/* ── Description / body text blocks ────────────────────────────── */
.desc-text, .proj-desc, .empty-sub, .ad-sub {
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
  color: #2e5248 !important;
}

/* ── Meta rows ──────────────────────────────────────────────────── */
.proj-meta-item, .ar-meta, .list-sub, .ph-meta {
  font-size: 11px !important;
  font-weight: 600 !important;
}