/* Typography for main layout. Base = 14px to match auth layout (custom.css). */

:root {
    --bs-font-sans-serif: "Open Sans", Helvetica, sans-serif;
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-line-height: 1.5;
}

html {
    font-size: 16px;
}

body {
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    line-height: var(--bs-body-line-height);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, .h1 { font-size: 1.75rem;  line-height: 1.2; }
h2, .h2 { font-size: 1.5rem;   line-height: 1.25; }
h3, .h3 { font-size: 1.25rem;  line-height: 1.3; }
h4, .h4 { font-size: 1.125rem; }
h5, .h5 { font-size: 1rem; }
h6, .h6 { font-size: 0.875rem; }