/* BB-065 — DailyFlo Typography Standard v1
 * Loaded last, so legacy component declarations cannot create ad-hoc rendered
 * sizes. SVG instrument faces remain artwork and are deliberately excluded. */
:root {
  --text-hero: 3rem;
  --text-heading: 1.75rem;
  --text-card: 1.1875rem;
  --text-body: 1rem;
  --text-small: 0.875rem;
  --text-label: 0.75rem;
}

body { font-size: var(--text-body); }
body * { font-size: var(--text-body) !important; }
body :where(p, li, td, input, select, textarea, button) { font-size: var(--text-body) !important; }
body h1 { font-size: var(--text-hero) !important; }
body h2 { font-size: var(--text-heading) !important; }
body h3,
body :where(.card-title, .modal-title, .panel-title) { font-size: var(--text-card) !important; }
body :where(small, figcaption, .caption, .description, .helper, .hint, .meta, .muted) {
  font-size: var(--text-small) !important;
}
body :where(label, th, .label, .eyebrow, .kicker, .badge, .tag, .chip, [class*="-label"], [class*="-badge"], [class*="-tag"], [class*="-chip"]) {
  font-size: var(--text-label) !important;
}

/* Command Center instrument carve-out. Button, mode caption, face markings,
 * needle artwork, and large values retain their original graphic dimensions. */
.cde-ignition span { font-size: 7px !important; }
.cde-ignition-dock small { font-size: 6px !important; }
.cde-garage-scale { font-size: 10px !important; }
.cde-garage-value { font-size: 31px !important; }
.cde-garage-unit,
.cde-garage-max { font-size: 8px !important; }
.login-garage-scale { font-size: 10px !important; }
.login-garage-value { font-size: 31px !important; }
.login-garage-unit,
.login-garage-max { font-size: 8px !important; }
.login-ignition span { font-size: 5.4px !important; }
.login-ignition-dock small { font-size: 6.5px !important; }
.login-ignition::after { font-size: 24px !important; }

/* Readable copy around the instruments is document text, not artwork. */
.cde-garage-gauge > strong,
.cde-garage-gauge > span,
.cde-gauge-note,
.cde-gauge-deck > span { font-size: var(--text-label) !important; }
.login-gauge-bay > span,
.login-garage-gauge > strong,
.login-garage-gauge > span,
.login-gauge-note,
.login-system-line span,
.login-system-line small { font-size: var(--text-label) !important; }

@media (min-width: 821px) {
  .login-arrival { min-height: 42.5rem; }
  .login-welcome--instrumented .login-system-line { margin-bottom: 1.75rem; }
}
