/* =========================================================
   BASE
   Global site styling
========================================================= */

/* =========================
   BODY
========================= */

body {
    font-family: 'Poppins', sans-serif;
    font-size: .9rem;
    font-weight: 400;
    color: var(--text);
    background: var(--background);
    margin: 0;
}

/* =========================
   FORM ELEMENTS
========================= */

input,
select,
textarea,
button {
    font-family: inherit;
}

/* =========================
   LINKS
========================= */

a {
    color: var(--text);
    text-decoration: none;
}

/* =========================
   TYPOGRAPHY
========================= */

h1 {
    font-size: 2.4rem;
    font-weight: 600;
    margin-bottom: var(--space-xl);
}

h2 {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: var(--space-lg);
}

h3 {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 10px;
}

h4 {
    font-size: 1.1rem;
    margin-bottom: var(--space-lg);
}

h5 {
    font-size: 1.6rem;
    margin-bottom: var(--space-lg);
}

p {
    line-height: 1.6;
    margin-bottom: 10px;
}

strong {
    font-weight: 700;
}

small {
    font-size: 0.8rem;
}

/* =========================
   PAGE INTRO
========================= */

.page-intro {
    margin-bottom: var(--space-2xl);
    color: var(--text-muted);
}

/* =========================
   GENERAL ACCOUNT ACTIONS
========================= */

.account-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

/* =========================
   SECTION TITLE
========================= */

.section-title {
    margin-top: 25px;
}

/* =========================
   MUTED TEXT
========================= */

.muted-text {
    color: var(--text-light);
}

.muted-empty {
    color: #7a7a7a;
    margin: 10px 0 0;
}