/* Panel 2 typography foundation.
   Inter is the preferred local family. The remaining entries are deterministic
   local fallbacks and keep the interface independent from third-party CDNs. */
:root {
    --font-ui: "Inter", "Segoe UI", "Noto Sans", Arial, sans-serif;
    --font-mono: "DejaVu Sans Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    --type-leading-body: 1.5;
    --type-leading-compact: 1.35;
}

html,
body,
button,
input,
select,
textarea,
dialog {
    font-family: var(--font-ui);
}

body {
    line-height: var(--type-leading-body);
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

button,
input,
select,
textarea {
    font: inherit;
}

code,
kbd,
pre,
samp,
.mono,
[data-log-output],
[data-log-viewer] {
    font-family: var(--font-mono);
    font-variant-ligatures: none;
}

/* Editor chrome must remain consistent without overriding fonts intentionally
   selected for user-created page content inside the canvas. */
.panel2-editor-canvas-badge,
.panel2-editor-open-button,
.panel2-editor-selection-tools button,
.panel2-editor-live-hud,
.panel2-user-tooltip-trigger,
.panel2-user-tooltip-bubble,
.panel2-special-picker-label,
.panel2-special-picker-button,
.p2e-app,
.p2e-dialog,
.p2e-toast {
    font-family: var(--font-ui);
}