/* SupervisionBoard typography — Modern React/Liquid Aesthetic
   Imports Plus Jakarta Sans & Inter for crisp, geometric clarity and optimal readability. */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Inter:wght@400;500;600;700&display=swap');

:root {
    --sb-font: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 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.025em;
    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; 
}