@font-face {
    font-family: 'Cairo';
    src: url("fonts/Cairo-Variable.0e355a997fd3.ttf") format('truetype');
    font-style: normal;
    font-weight: 200 1000;
    font-display: swap;
}

body,
button,
input,
select,
textarea {
    font-family: 'Cairo', Tahoma, Arial, sans-serif;
}

body {
    line-height: 1.85;
    font-weight: 400;
}

h1, h2, h3, .brand {
    font-weight: 700;
}

.intro h1, .eyebrow {
    letter-spacing: normal;
}

.field label, legend, .button, .outline-button, .subject {
    font-weight: 600;
}

.header nav a, .text-button, .hint, .privacy-note, .check {
    font-size: 15px;
}

.brand small, footer, .eyebrow, .profile dt {
    font-size: 14px;
}

/* Keep Django's admin layout and controls, with the same Arabic typeface. */
html[data-theme] {
    --font-family-primary: 'Cairo', Tahoma, Arial, sans-serif;
}