/* SupervisionBoard typography — Inter, the interface typeface used by most international SaaS and learning platforms:
   wide language coverage (Latin extended, Greek, Cyrillic), tuned for small UI sizes, tabular figures for data. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
    --sb-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --bs-font-sans-serif: var(--sb-font);
    --bs-body-font-family: var(--sb-font);
}

html body,
body.sb-draft-body {
    font-family: var(--sb-font) !important;
    font-optical-sizing: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Form controls and widgets inherit the modern font */
button, input, select, optgroup, textarea,
.btn, .form-control, .form-select, .input-group-text,
.dropdown-menu, .modal, .toast, .popover, .tooltip, .badge, .table {
    font-family: var(--sb-font);
}

/* Headings: crisp tracking with high-contrast weights like Linear / Vercel */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--sb-font);
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--sb-ink, #0f172a);
}

/* Uppercase eyebrow kicker tags */
.text-uppercase, .panel-kicker { 
    letter-spacing: 0.06em; 
}

/* Monospace fonts for tokens, identifiers and hashes */
code, kbd, pre, samp { 
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; 
}