/* Public theme typography. Components reference roles, never device-specific
 * text sizes. Keep the browser root size unchanged for user zoom preferences.
 * Brand artwork, icons and decorative numerals are intentionally independent. */
:root {
    --moto-font-ui: 1rem;
    --moto-font-text: 1.125rem;
    --moto-font-section: 1.5rem;
    --moto-font-title: 2.5rem;
    --moto-line-text: 1.6;
    --moto-line-heading: 1.3;
}

@media (max-width: 600px) {
    :root { --moto-font-title: 2rem; }
}