/* ============================================================
   H&P DASHBOARD — TYPOGRAPHY
   All type is Helvetica Neue only.
   Source: HP_DASHBOARD_HANDOFF_V2.md + Figma styles
   ============================================================ */

/* ---- Base reset ---- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 10px;
  color: var(--peach);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
}

/* ---- Section heading — 24px Light 2px tracking ---- */
.t-section {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 35px;
  letter-spacing: 2px;
  font-style: normal;
  color: var(--peach);
}

/* ---- Sub-label (on peach bar) — 18px Light 2px tracking ---- */
.t-sub {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 35px;
  letter-spacing: 1.8px;
  font-style: normal;
  color: var(--on-peach);
}

/* ---- Data label / name — 12px Bold ---- */
.t-name {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--peach);
}

/* ---- Secondary label — 12px Regular ---- */
.t-label {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--peach-25);
}

/* ---- Body / preview text — 10px Light 1px tracking ---- */
.t-body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 1px;
  color: var(--peach);
}

.t-body-reg {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0;
  color: var(--peach);
}

/* ---- Button text — 10px Bold 1px tracking ---- */
.t-btn {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 10px;
  line-height: 25px;
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
}

/* ---- Nav button — 8px Bold 1px tracking ---- */
.t-nav {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 8px;
  line-height: 25px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  white-space: nowrap;
}

/* ---- Sync timestamp — 8px Light ---- */
.t-sync {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 8px;
  line-height: 35px;
  letter-spacing: 0;
  color: var(--on-peach);
}

/* ---- Terminal heading — 10px Bold 0.2px tracking (section headers in terminal) ---- */
.t-terminal-head {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: var(--peach);
}

/* ---- Dim peach variations ---- */
.t-dim    { color: var(--peach-25); }
.t-dim20  { color: var(--peach-20); }
.t-red    { color: var(--red); }
.t-green  { color: var(--green); }
.t-dark   { color: var(--on-peach); }
.t-dark-dim { color: var(--on-peach-dim); }
.t-white  { color: var(--white-body); }