/* ── Design tokens ────────────────────────────────── */
:root {
    /* Font scale */
    --fs-xs:   12px;    /* smallest text: deepest nav (pages), badges, labels */
    --fs-sm:   13px;    /* nav sections, code blocks, secondary UI */
    --fs-md:   14px;    /* nav modules, table headers, breadcrumbs */
    --fs-base: 15px;    /* body text, nav categories — the content floor */
    --fs-h4:   17px;
    --fs-h3:   19px;
    --fs-h2:   22px;
    --fs-h1:   28px;
    /* Colors */
    --c-dark:    #1C1C1E;  /* sidebar bg, header bg, code blocks, table headers */
    --c-text:    #374151;  /* body text */
    --c-heading: #111827;  /* heading text */
    --c-subtle:  #6B7280;  /* secondary text, nav labels */
    --c-muted:   #9CA3AF;  /* muted text, icons, placeholders */
    --c-surface: #F9FAFB;  /* light surface, alt-row bg */
    --c-hover:   #F3F4F6;  /* hover/focus bg, code bg */
    --c-border:  #E5E7EB;  /* light borders */
    --c-border-dark: #2a2a2c;  /* dark-theme borders */
    --c-code:    #C2410C;  /* inline code color */
}

/* ── Base ─────────────────────────────────────────── */
body, input {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}