/* Content Studio — Font imports */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* ===== Defining font variables ===== */
:root {
    --cs-font-heading: 'Montserrat', sans-serif;
    --cs-font-body: 'Poppins', sans-serif;
    --cs-font-accent: 'Montserrat', sans-serif;
    --cs-font-mono: monospace;
}

/* Using variables */
.cs-single-wrapper {
    font-family: var(--cs-font-body);
}

.cs-single-wrapper h1,
.cs-single-wrapper h2,
.cs-single-wrapper h3,
.cs-single-wrapper h4,
.cs-post-title,
.cc-card-title {
    font-family: var(--cs-font-heading);
}

.cs-special-box {
    font-family: var(--cs-font-accent);
}

.cs-code-block {
    font-family: var(--cs-font-mono);
}

.sr-only {
    position: absolute !important; 
    width: 1px !important; 
    height: 1px !important;
    padding: 0 !important; 
    margin: -1px !important; 
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important; 
    white-space: nowrap !important; 
    border: 0 !important;
}