@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('inter/InterVariable.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url('inter/InterVariable-Italic.woff2') format('woff2');
}

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/*
 * Читаемый текст на мобилке (Android, Safari, Chrome и др.).
 * Inter Variable на телефонах часто выглядит слишком тонко — используем system-ui.
 */
@media (max-width: 767px) {
    html {
        -webkit-font-smoothing: auto;
    }

    html,
    body,
    button,
    input,
    select,
    textarea,
    p,
    li,
    span,
    a,
    label,
    td,
    th,
    div {
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
        font-synthesis: weight style;
    }

    body {
        opacity: 1 !important;
        color: #1d1d1f !important;
        font-weight: 500 !important;
    }

    input,
    textarea,
    select {
        color: #1d1d1f !important;
        opacity: 1 !important;
        font-weight: 500 !important;
    }

    input::placeholder,
    textarea::placeholder {
        color: #6b7280 !important;
        opacity: 1 !important;
    }

    .font-normal { font-weight: 500 !important; }
    .font-medium { font-weight: 550 !important; }
    .font-semibold { font-weight: 600 !important; }
    .font-bold { font-weight: 700 !important; }

    h1, h2, h3, h4, h5, h6,
    strong, b {
        font-weight: 700 !important;
    }

    .text-gray-300 { color: #6b7280 !important; font-weight: 500 !important; }
    .text-gray-400 { color: #374151 !important; font-weight: 600 !important; }
    .text-gray-500 { color: #1f2937 !important; font-weight: 500 !important; }
    .text-gray-600 { color: #111827 !important; font-weight: 500 !important; }
    .text-gray-700 { color: #0f172a !important; font-weight: 500 !important; }

    label.text-gray-400,
    .text-xs.font-bold.text-gray-400,
    label.block.text-xs.font-bold.text-gray-400 {
        color: #1f2937 !important;
        font-weight: 700 !important;
    }

    .reveal,
    .reveal.active {
        opacity: 1 !important;
    }
}

/*
 * iPhone / iPad (в т.ч. Chrome): класс sigma-ios ставит js/mobile-legible.js.
 * Дублируем правила без media query — Chrome на iOS иногда врёт про ширину viewport.
 */
html.sigma-ios {
    -webkit-font-smoothing: auto;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif !important;
    font-synthesis: weight style;
}

html.sigma-ios body,
html.sigma-ios button,
html.sigma-ios input,
html.sigma-ios select,
html.sigma-ios textarea,
html.sigma-ios p,
html.sigma-ios li,
html.sigma-ios span,
html.sigma-ios a,
html.sigma-ios label,
html.sigma-ios td,
html.sigma-ios th,
html.sigma-ios div,
html.sigma-ios h1,
html.sigma-ios h2,
html.sigma-ios h3,
html.sigma-ios h4,
html.sigma-ios h5,
html.sigma-ios h6 {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif !important;
    font-synthesis: weight style;
}

html.sigma-ios body {
    opacity: 1 !important;
    color: #1d1d1f !important;
    font-weight: 500 !important;
}

html.sigma-ios input,
html.sigma-ios textarea,
html.sigma-ios select {
    color: #1d1d1f !important;
    opacity: 1 !important;
    font-weight: 500 !important;
}

html.sigma-ios input::placeholder,
html.sigma-ios textarea::placeholder {
    color: #6b7280 !important;
    opacity: 1 !important;
}

html.sigma-ios .font-normal { font-weight: 500 !important; }
html.sigma-ios .font-medium { font-weight: 550 !important; }
html.sigma-ios .font-semibold { font-weight: 600 !important; }
html.sigma-ios .font-bold { font-weight: 700 !important; }

html.sigma-ios h1,
html.sigma-ios h2,
html.sigma-ios h3,
html.sigma-ios h4,
html.sigma-ios h5,
html.sigma-ios h6,
html.sigma-ios strong,
html.sigma-ios b {
    font-weight: 700 !important;
}

html.sigma-ios .text-gray-300 { color: #6b7280 !important; font-weight: 500 !important; }
html.sigma-ios .text-gray-400 { color: #374151 !important; font-weight: 600 !important; }
html.sigma-ios .text-gray-500 { color: #1f2937 !important; font-weight: 500 !important; }
html.sigma-ios .text-gray-600 { color: #111827 !important; font-weight: 500 !important; }
html.sigma-ios .text-gray-700 { color: #0f172a !important; font-weight: 500 !important; }

html.sigma-ios label.text-gray-400,
html.sigma-ios .text-xs.font-bold.text-gray-400,
html.sigma-ios label.block.text-xs.font-bold.text-gray-400 {
    color: #1f2937 !important;
    font-weight: 700 !important;
}

html.sigma-ios .reveal,
html.sigma-ios .reveal.active {
    opacity: 1 !important;
}

html.sigma-ios .italic,
html.sigma-ios em {
    font-weight: 500 !important;
}