/* ─── Satoshi - sole brand typeface (self-hosted, Fontshare) ─── */
@font-face {
    font-family: 'Satoshi';
    src: url('../fonts/satoshi/satoshi-300.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Satoshi';
    src: url('../fonts/satoshi/satoshi-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Satoshi';
    src: url('../fonts/satoshi/satoshi-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Satoshi';
    src: url('../fonts/satoshi/satoshi-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Satoshi';
    src: url('../fonts/satoshi/satoshi-900.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Global enforcement: every text element uses Satoshi (icon fonts untouched) */
:root {
    --font-satoshi: 'Satoshi', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
html body,
html h1, html h2, html h3, html h4, html h5, html h6,
html p, html a, html span, html div, html li, html td, html th,
html button, html input, html select, html textarea, html label {
    font-family: var(--font-satoshi);
}