/* FONT SIZES  */
.fs-xs {
    font-size: 0.75rem; /* 12px */
    line-height: 1rem; /* 16px */
    letter-spacing: 0.02em;
}
.fs-sm {
    font-size: 0.875rem; /* 14px */
    line-height: 1.25rem; /* 20px */
    letter-spacing: 0.015em;
}
.fs-base {
    font-size: 1rem; /* 16px */
    line-height: 1.5rem; /* 24px */
    letter-spacing: 0.01em;
}
.fs-lg {
    font-size: 1.125rem; /* 18px */
    line-height: 1.75rem; /* 28px */
    letter-spacing: 0.005em;
}
.fs-xl {
    font-size: 1.25rem; /* 20px */
    line-height: 1.75rem; /* 28px */
    letter-spacing: 0em; /* Neutral spacing */
}
.fs-2xl {
    font-size: 1.5rem; /* 24px */
    line-height: 2rem; /* 32px */
    letter-spacing: -0.005em;
}
.fs-3xl {
    font-size: 1.875rem; /* 30px */
    line-height: 2.25rem; /* 36px */
    letter-spacing: -0.01em;
}
.fs-4xl {
    font-size: 2.25rem; /* 36px */
    line-height: 2.5rem; /* 40px */
    letter-spacing: -0.015em;
}
.fs-5xl {
    font-size: 3rem; /* 48px */
    line-height: 1;
    letter-spacing: -0.02em;
}
.fs-6xl {
    font-size: 3.75rem; /* 60px */
    line-height: 1;
    letter-spacing: -0.025em;
}
.fs-7xl {
    font-size: 4.5rem; /* 72px */
    line-height: 1;
    letter-spacing: -0.03em;
}
.fs-8xl {
    font-size: 6rem; /* 96px */
    line-height: 1;
    letter-spacing: -0.035em;
}
.fs-9xl {
    font-size: 8rem; /* 128px */
    line-height: 1;
    letter-spacing: -0.04em;
}
.fs-lbl{
    font-size: 0.8rem; /* 12px */
    line-height: 1rem; /* 16px */
    letter-spacing: 0.02em;
}


/* FONT STYLES */
.italic{font-style: italic;}
.not-italic{font-style: normal;}

/* FONT WEIGHTS */
.fw-200{ font-weight: 200; }
.fw-300{ font-weight: 300; }
.fw-400{ font-weight: 400; }
.fw-500{ font-weight: 500; }
.fw-600{ font-weight: 600; }
.fw-700{ font-weight: 700; }
.fw-800{ font-weight: 800; }
.fw-900{ font-weight: 900; }

.uppercase{text-transform: uppercase;}
.capitalize{text-transform: capitalize;}
.capitalize::placeholder{text-transform: none;}



/* General font sizing styles  */
.fs-page-header {
    font-family: var(--font);
    font-size: 1.5rem; /* 24px */
    line-height: 2rem; /* 32px */
    letter-spacing: -0.005em;
    color: var(--dark);
    font-weight: 700;
    margin-bottom: 0;
}
.fs-header {
    font-family: var(--font);
    font-size: 1.125rem; /* 18px */
    line-height: 1.75rem; /* 28px */
    letter-spacing: 0.005em;
    color: var(--dark);
    font-weight: 600;
    margin-bottom: 0;
}
.fs-sub-header{
    font-family: var(--font);
    font-size: 1rem; /* 16px */
    line-height: 1.5rem; /* 24px */
    letter-spacing: 0.01em;
    color: var(--dark);
    font-weight: 500;
    margin-bottom: 0;
}
.fs-label{
    font-family: var(--font);
    font-size: 0.875rem !important; /* 14px */
    line-height: 1.5rem; /* 25px */
    letter-spacing: 0.015em;
    color: var(--dark) !important;
    font-weight: 500;
    margin-bottom: 0;
}
.fs-description{
    font-family: var(--font);
    font-size: 0.875rem; /* 14px */
    line-height: 1.25rem; /* 20px */
    letter-spacing: 0.015em;
    font-weight: 400;
    margin-bottom: 0;
}
.fs-description-sm{
    font-family: var(--font);
    font-size: 0.8rem; /* 12.8px */
    line-height: 1rem; /* 16px */
    letter-spacing: 0.02em;
    font-weight: 400;
    margin-bottom: 0;
}

/* colors  */
.fc-accent{ color: var(--accent); }
.fc-light{ color: var(--white); }
.fc-danger{ color: var(--danger); }
.fc-dark{ color: #09090b; }
.fc-gray{ color: #71717a; }


.twoLine{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* Limit to 2 lines */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; /* Ensure wrapping */
    max-width: 100%; /* Prevents overflow */
}