@font-face {
    font-family: "Rabar";
    src: url("../fonts/Rabar-Regular.eot");
    src:
        url("../fonts/Rabar-Regular.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Rabar-Regular.woff") format("woff"),
        url("../fonts/Rabar-Regular.ttf") format("truetype"),
        local("Rabar"),
        local("Rabar_021");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Rabar";
    src: url("../fonts/Rabar-Regular.eot");
    src:
        url("../fonts/Rabar-Regular.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Rabar-Regular.woff") format("woff"),
        url("../fonts/Rabar-Regular.ttf") format("truetype"),
        local("Rabar"),
        local("Rabar_021");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

:root {
    --font-ui: "Rabar", Tahoma, "Segoe UI", sans-serif;
}

html {
    direction: rtl;
    font-family: var(--font-ui);
    font-synthesis: none;
}

body {
    overflow-x: hidden;
    text-align: right;
    font-family: var(--font-ui);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html,
body,
body *,
body *::before,
body *::after {
    font-family: var(--font-ui) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    text-wrap: balance;
}

p,
label,
small,
span,
a,
button,
input,
textarea,
select,
th,
td {
    text-wrap: pretty;
}

.hero-text,
.info-item,
.info-note,
.field-hint,
.field-error-text,
.form-hint,
.submission-meta,
.table-meta,
.empty-state,
.admin-brand-subtitle,
.admin-kicker,
.admin-user-label {
    color: var(--text-soft);
}

.public-shell {
    display: grid;
    gap: 28px;
}

.success-card strong,
.code-box strong,
.status-pill,
.admin-page-title,
.hero-title {
    letter-spacing: -0.01em;
}

@media (max-width: 640px) {
    body {
        text-size-adjust: 100%;
    }

    .public-shell {
        gap: 20px;
    }
}