/**
 * Shared application typography (BD-069).
 * Reference: notesai / Canvas shell (`workspace.css`) — Inter, compact UI scale.
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
    --ln-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --ln-font-size-xs: 0.75rem;      /* 12px — badges, meta */
    --ln-font-size-sm: 0.8125rem;    /* 13px — tabs, labels, hints */
    --ln-font-size-md: 0.875rem;     /* 14px — body / brand */
    --ln-font-size-lg: 1rem;         /* 16px — section titles */
    --ln-font-size-xl: 1.125rem;     /* 18px — page titles */
    --ln-font-weight-regular: 400;
    --ln-font-weight-medium: 500;
    --ln-font-weight-semibold: 600;
    --ln-font-weight-bold: 700;
    --ln-line-height-tight: 1.25;
    --ln-line-height-normal: 1.45;
    --ln-letter-spacing-brand: 0.02em;
}

/* Primary surfaces that should match Canvas type */
body.notesai-workspace,
body.ln-has-app-shell.data-view-page,
body.ln-has-app-shell.ln-shell-fill,
body.ln-has-app-shell.today-page,
body.ln-has-app-shell.settings-page,
body.ln-has-app-shell.bubble-view-page,
body.ln-canvas-typography {
    font-family: var(--ln-font-family);
    font-size: var(--ln-font-size-md);
    font-weight: var(--ln-font-weight-regular);
    line-height: var(--ln-line-height-normal);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.notesai-workspace button,
body.notesai-workspace input,
body.notesai-workspace select,
body.notesai-workspace textarea,
body.ln-has-app-shell.data-view-page button,
body.ln-has-app-shell.data-view-page input,
body.ln-has-app-shell.data-view-page select,
body.ln-has-app-shell.data-view-page textarea,
body.ln-has-app-shell.ln-shell-fill button,
body.ln-has-app-shell.ln-shell-fill input,
body.ln-has-app-shell.ln-shell-fill select,
body.ln-has-app-shell.ln-shell-fill textarea,
body.ln-has-app-shell.today-page button,
body.ln-has-app-shell.today-page input,
body.ln-has-app-shell.today-page select,
body.ln-has-app-shell.today-page textarea,
body.ln-has-app-shell.settings-page button,
body.ln-has-app-shell.settings-page input,
body.ln-has-app-shell.settings-page select,
body.ln-has-app-shell.settings-page textarea {
    font-family: inherit;
}

/* Page title / section hierarchy (Canvas-compact, not marketing-scale) */
body.ln-has-app-shell .dashboard-header h1,
body.ln-has-app-shell .data-view-title,
body.ln-has-app-shell .exp-sidebar-header h1,
body.ln-has-app-shell .exp-list-nav h1,
body.ln-has-app-shell .td-date {
    font-family: var(--ln-font-family);
    font-size: var(--ln-font-size-xl);
    font-weight: var(--ln-font-weight-semibold);
    line-height: var(--ln-line-height-tight);
    letter-spacing: var(--ln-letter-spacing-brand);
}

body.ln-has-app-shell .dashboard-header .subtitle,
body.ln-has-app-shell .data-view-subtitle,
body.ln-has-app-shell .exp-sidebar-header p,
body.ln-has-app-shell .settings-hint,
body.ln-has-app-shell .td-insight {
    font-size: var(--ln-font-size-sm);
    font-weight: var(--ln-font-weight-regular);
    line-height: var(--ln-line-height-normal);
}

body.ln-has-app-shell .settings-section-title,
body.ln-has-app-shell .td-section-title,
body.ln-has-app-shell .exp-field > label {
    font-size: var(--ln-font-size-lg);
    font-weight: var(--ln-font-weight-semibold);
    line-height: var(--ln-line-height-tight);
}

body.ln-has-app-shell label,
body.ln-has-app-shell .settings-field-row label,
body.ln-has-app-shell th,
body.ln-has-app-shell .tabulator-col-title {
    font-size: var(--ln-font-size-sm);
    font-weight: var(--ln-font-weight-medium);
}

body.ln-has-app-shell td,
body.ln-has-app-shell .tabulator-cell,
body.ln-has-app-shell .exp-btn,
body.ln-has-app-shell .btn {
    font-size: var(--ln-font-size-md);
    font-weight: var(--ln-font-weight-medium);
}

body.ln-has-app-shell ::placeholder {
    font-size: inherit;
    font-weight: var(--ln-font-weight-regular);
    opacity: 0.72;
}