/* Taxi Portail — typography.css */

body {
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.6;
    color: var(--c-ink);
    background: var(--c-bg);
}

h1, h2, h3, h4 {
    font-family: var(--font-title);
    font-weight: 700;
    line-height: 1.22;
    color: var(--c-primary);
}

h1 { font-size: 1.7rem; }
h2 { font-size: 1.3rem; }
h3 { font-size: 1.1rem; }

p { line-height: 1.65; }

strong { font-weight: 600; }

small { font-size: .82rem; }

code {
    font-family: ui-monospace, "SF Mono", Menlo, monospace;
    font-size: .85em;
    background: var(--c-surface);
    padding: .1em .4em;
    border-radius: 5px;
}

a { transition: color .15s ease; }
a:hover { color: var(--c-accent-dark); }

.rich-text h2 { margin: var(--sp-5) 0 var(--sp-3); }
.rich-text h3 { margin: var(--sp-4) 0 var(--sp-2); }
.rich-text p  { margin-bottom: var(--sp-3); }
.rich-text ul { list-style: disc; padding-left: 1.4em; margin-bottom: var(--sp-3); }
.rich-text li { margin-bottom: var(--sp-1); }
.rich-text a  { color: var(--c-primary-soft); text-decoration: underline; }

@media (min-width: 720px) {
    h1 { font-size: 2.1rem; }
    h2 { font-size: 1.45rem; }
}