/*
 * SafetyPPE Global Font System
 * Version: 1.1.0-file-manager-toolkit
 * Scope: Laravel public pages, authentication, member account,
 *        admin and super admin.
 *
 * This stylesheet changes typography only. It does not include or distribute
 * font files, and it does not alter layout, spacing, colours or components.
 */

:root {
    --sppe-system-font:
        "Sukhumvit Set",
        "Thonburi",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        "Roboto",
        sans-serif;

    /* Keep the existing SafetyPPE frontend and admin design tokens aligned. */
    --font: var(--sppe-system-font);
    --admin-font: var(--sppe-system-font);
}

html,
body {
    font-family: var(--sppe-system-font) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-kerning: normal;
}

/*
 * Make UI text inherit the same stack even when browser defaults or legacy
 * component rules declare another family. SVG/icon geometry is not affected.
 */
body :where(
    main, header, footer, nav, section, article, aside,
    div, span, p, a, small, strong, b, em, i, mark,
    h1, h2, h3, h4, h5, h6,
    ul, ol, li, dl, dt, dd,
    table, caption, thead, tbody, tfoot, tr, th, td,
    form, fieldset, legend, label,
    button, input, select, option, optgroup, textarea,
    details, summary, dialog
) {
    font-family: inherit !important;
}

button,
input,
select,
textarea,
::file-selector-button {
    font-family: var(--sppe-system-font) !important;
}

input::placeholder,
textarea::placeholder {
    font-family: inherit;
}

/* Preserve a true monospace stack for technical content. */
code,
pre,
kbd,
samp,
var {
    font-family:
        ui-monospace,
        "SFMono-Regular",
        Menlo,
        Monaco,
        Consolas,
        "Liberation Mono",
        monospace !important;
}