/* =========================================================
   THEABS - BASE STYLES
========================================================= */

html{

    width:100%;

    height:100%;

}


body{

    width:100%;

    min-height:100%;

    margin:0;

    font-family:"Inter",sans-serif;

    background:var(--bg);

    color:var(--text);

    -webkit-font-smoothing:antialiased;

    text-rendering:optimizeLegibility;

}


#app{

    width:100%;

    height:100vh;

}


/* =========================================================
   HEADINGS
========================================================= */

h1{

    font-size:32px;

    font-weight:700;

}


h2{

    font-size:24px;

    font-weight:700;

}


h3{

    font-size:20px;

    font-weight:600;

}


/* =========================================================
   PARAGRAPHS
========================================================= */

p{

    color:var(--text-muted);

    line-height:1.6;

}


/* =========================================================
   TEXT SELECTION
========================================================= */

::selection{

    background:var(--primary);

    color:#fff;

}


/* =========================================================
   SCROLLBAR
========================================================= */

::-webkit-scrollbar{

    width:10px;

    height:10px;

}


::-webkit-scrollbar-track{

    background:transparent;

}


::-webkit-scrollbar-thumb{

    background:#66727e;

    border-radius:50px;

}


::-webkit-scrollbar-thumb:hover{

    background:#66727e;

}

/* =========================================================
   GLOBAL SECTION HEADING SYSTEM
   Matches the Post section's crimson heading language.
========================================================= */

.page-header .page-title,
.page-header h1,
.users-page .page-header h1,
.membership-page .page-header h1,
.post-page-header h1,
.dashboard-page .page-header h1,
.deploy-page .page-header h1 {
    color:var(--primary);
}

.page-header .page-description,
.page-header p {
    color:var(--text-muted);
}

.page-section-title,
.section-title,
.section-heading,
.section-kicker,
.page-eyebrow,
.eyebrow {
    color:var(--primary);
    font-weight:800;
    letter-spacing:.10em;
    text-transform:uppercase;
}

/* Dark mode keeps the entire workspace dark; no white page canvas. */



/* ARCTIC CYAN — unified section heading system */
.page-header .page-title,.page-header h1,.users-page .page-header h1,.membership-page .page-header h1,.post-page-header h1,.dashboard-page .page-header h1,.deploy-page .page-header h1,.page-section-title,.section-title,.section-heading,.section-kicker,.page-eyebrow,.eyebrow,.post-eyebrow,.post-section-kicker,.post-section-title{color:var(--primary);}