/**
 * CODA global typography — readable defaults for staff and app surfaces.
 * Loaded after Bootstrap; rem-based layouts scale with --coda-font-root.
 */

:root {
  --coda-font-root: 100%;
  --coda-font-body: 1.0625rem;
  --coda-font-sm: 0.9375rem;
  --coda-font-xs: 0.8125rem;
  --coda-font-2xs: 0.75rem;
  --coda-line-height-body: 1.55;
  --coda-line-height-tight: 1.35;
}

@media (min-width: 768px) {
  :root {
    /* ~17px rem base on tablet+ (was implicit 16px) */
    --coda-font-root: 106.25%;
  }
}

html {
  font-size: var(--coda-font-root);
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  font-size: var(--coda-font-body);
  line-height: var(--coda-line-height-body);
}

/* Bootstrap utility overrides — .small was ~12.8px at 16px root */
.small,
small {
  font-size: var(--coda-font-sm) !important;
  line-height: var(--coda-line-height-body);
}

.text-muted {
  font-size: inherit;
}

p,
li,
dd,
dt {
  line-height: var(--coda-line-height-body);
}

.btn-sm {
  font-size: var(--coda-font-sm);
  line-height: 1.4;
}

.table,
.table td,
.table th {
  font-size: var(--coda-font-body);
}

.table-sm td,
.table-sm th {
  font-size: var(--coda-font-sm);
}

.card-body,
.card-text {
  font-size: var(--coda-font-body);
  line-height: var(--coda-line-height-body);
}

.form-control,
.form-control-sm {
  font-size: var(--coda-font-body);
}

.form-control-sm {
  font-size: var(--coda-font-sm);
}

.alert {
  font-size: var(--coda-font-body);
  line-height: var(--coda-line-height-body);
}

.badge {
  font-size: var(--coda-font-xs);
}

h1,
.h1 {
  line-height: 1.2;
}

h2,
.h2,
h3,
.h3,
h4,
.h4 {
  line-height: var(--coda-line-height-tight);
}