/* =============================================
   CaseIT — Font Refresh (drop-in, non-breaking)
   ============================================= */
:root {
    /* If Inter is present, it will be used; else system stack */
    --cp-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --cp-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
    /* Type scale (can be used by modern layer too) */
    --cp-fs-100: 0.875rem; /* ~14 */
    --cp-fs-200: 1rem; /* 16 */
    --cp-fs-300: 1.125rem; /* 18 */
    --cp-fs-400: 1.25rem; /* 20 */
    --cp-fs-500: 1.5rem; /* 24 */
    --cp-fs-600: 1.875rem; /* 30 */
    --cp-fs-700: 2.25rem; /* 36 */
    /* Line-heights */
    --cp-lh-tight: 1.15;
    --cp-lh-normal: 1.45;
    --cp-lh-relaxed: 1.6;
}

/* Base typography upgrade */
html, body {
    font-family: var(--cp-font);
    line-height: var(--cp-lh-normal);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern","liga","clig","calt";
    font-variation-settings: "opsz" 14; /* optical size if supported */
}

/* Headings keep same selectors, just better rhythm */
h1, .h1 {
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: var(--cp-lh-tight);
}

h2, .h2 {
    font-weight: 700;
    letter-spacing: -0.005em;
    line-height: var(--cp-lh-tight);
}

h3, .h3 {
    font-weight: 650;
    line-height: var(--cp-lh-tight);
}

h4, .h4 {
    font-weight: 600;
}

h5, .h5 {
    font-weight: 600;
}

h6, .h6 {
    font-weight: 600;
    text-transform: none;
}

/* Map sizes gently (no layout break) */
h1, .h1 {
    font-size: var(--cp-fs-700);
}

h2, .h2 {
    font-size: var(--cp-fs-600);
}

h3, .h3 {
    font-size: var(--cp-fs-500);
}

h4, .h4 {
    font-size: var(--cp-fs-400);
}

h5, .h5 {
    font-size: var(--cp-fs-300);
}

h6, .h6 {
    font-size: var(--cp-fs-200);
}

/* Body text & UI controls */
p, li, input, textarea, select, button, .form-control {
    font-size: var(--cp-fs-200);
}

small, .small, .text-muted {
    font-size: var(--cp-fs-100);
}

/* Monospace bits (codes, tables with numbers) */
code, pre, kbd, samp {
    font-family: var(--cp-font-mono);
}