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

.title-white {
    color: #ffffff !important;
    font-weight: 400;
}

.thin-text {
    font-weight: 100;
}

.centered {
    font-weight: 400;
    text-align: center !important;
}

.centered h1 {
    margin-bottom: 0.1rem;
    color: #9f8766;
}

.personal-touch {
    font-family: 'Caveat', cursive;
    font-size: 3rem;
    color: var(--primary-dark);
    margin-top: 0;
}

/* ============================================================
   LINK UTILITIES (NON-BUTTON LINKS)
============================================================ */

/* Simple text links with NO class */
a:not([class]),
a:not([class]):visited {
    color: #73b3c5 !important; /* blue */
    text-decoration: none;
}

a:not([class]):hover {
    color: #800080 !important; /* purple */
    text-decoration: underline;
}

/* Exclude buttons from global link colors */
a.btn,
a.button,
a.button-primary,
a[class*="btn-"] {
    color: #ffffff !important;
}

/* ============================================================
   SPACING UTILITIES (OPTIONAL EXPANSION AREA)
============================================================ */

/* Add your spacing helpers here if needed:
   .mt-1, .mb-2, .pt-3, etc.
*/

/* Example placeholders (not active unless you want them):
.mt-1 { margin-top: 0.5rem !important; }
.mb-1 { margin-bottom: 0.5rem !important; }
.pt-1 { padding-top: 0.5rem !important; }
.pb-1 { padding-bottom: 0.5rem !important; }
*/

/* ============================================================
   VISIBILITY UTILITIES
============================================================ */

.hidden {
    display: none !important;
}