/**
 * StoneVaults global typography — readable sans-serif sitewide.
 * Loads after bundled CSS so it overrides Playfair Display + Inter pair.
 */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

:root {
  --sv-font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, 'Helvetica Neue', Arial, sans-serif;
  --sv-font-display: var(--sv-font-sans);
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

html,
body,
#root,
button,
input,
textarea,
select,
label {
  font-family: var(--sv-font-sans) !important;
}

body {
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0.01em;
  color: #0f172a;
}

.font-serif,
[class*='font-serif'],
.prose-headings\:font-serif,
h1,
h2,
h3,
h4,
h5,
h6,
.font-bold.font-serif,
.text-secondary-900.font-serif {
  font-family: var(--sv-font-display) !important;
  letter-spacing: -0.02em;
  line-height: 1.25;
}

h1 {
  font-weight: 700;
}

h2,
h3 {
  font-weight: 600;
}

p,
li,
td,
th,
span,
a,
div {
  font-family: inherit;
}

.prose,
.prose p,
.prose li,
.prose td,
.prose th {
  font-family: var(--sv-font-sans) !important;
  line-height: 1.65;
}

.prose h1,
.prose h2,
.prose h3,
.prose h4 {
  font-family: var(--sv-font-display) !important;
  font-weight: 600;
}

input::placeholder,
textarea::placeholder {
  font-family: var(--sv-font-sans);
  color: #94a3b8;
}

.dashboard-shell {
  font-family: var(--sv-font-sans) !important;
}