/* Single typography authority for every RelayLane browser surface.
   Small 9–11px steps are reserved for dense calendar/device illustrations.
   Product text uses semantic tokens; display headings retain responsive scale. */
:root {
  --rl-ui-font: Inter, sans-serif;
  --rl-type-9: 0.5625rem;
  --rl-type-10: 0.625rem;
  --rl-type-11: 0.6875rem;
  --rl-type-12: 0.75rem;
  --rl-type-13: 0.8125rem;
  --rl-type-14: 0.875rem;
  --rl-type-16: 1rem;
  --rl-type-18: 1.125rem;
  --rl-type-20: 1.25rem;
  --rl-type-22: 1.375rem;
  --rl-type-24: 1.5rem;
  --rl-type-28: 1.75rem;
  --rl-type-32: 2rem;
  --rl-type-36: 2.25rem;
  --rl-type-40: 2.5rem;
  --rl-type-48: 3rem;
  --rl-type-56: 3.5rem;
  --rl-type-64: 4rem;
  --rl-type-72: 4.5rem;
  --rl-type-80: 5rem;
  --rl-type-96: 6rem;
  --rl-weight-regular: 400;
  --rl-weight-medium: 500;
  --rl-weight-semibold: 600;
  --rl-weight-bold: 700;
  --rl-text-body: var(--rl-type-14);
  --rl-text-control: var(--rl-type-14);
  --rl-text-row: var(--rl-type-14);
  --rl-text-meta: var(--rl-type-13);
  --rl-text-section: var(--rl-type-16);
  --rl-text-title: var(--rl-type-24);
  --rl-leading-body: 1.45;
  --rl-leading-heading: 1.25;
  --rl-help-size: var(--rl-text-meta);
  --rl-help-weight: var(--rl-weight-regular);
  --rl-help-line-height: var(--rl-leading-body);
  --rl-help-color: #64708a;
  font-family: var(--rl-ui-font);
  font-size: 100%;
  font-weight: var(--rl-weight-regular);
  line-height: var(--rl-leading-body);
}
body, button, input, select, textarea, option, optgroup, dialog {
  font-family: inherit;
}
button, input, select, textarea { line-height: var(--rl-leading-body); }

body { font-size: var(--rl-text-body); }
small { font-size: var(--rl-text-meta); font-weight: var(--rl-weight-regular); line-height: var(--rl-leading-body); }