/* Brand Font - Exo 2 */
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;600;700;800&display=swap');

/* Active Brand Font */
.brand-font {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    letter-spacing: 0.02em;
}

/* Active Brand Icon - Constellation (Atlas/Stars) */
.brand-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='2' r='1.5' fill='%239d8ec4'/%3E%3Ccircle cx='5' cy='9' r='1.5' fill='%234fb3d4'/%3E%3Ccircle cx='19' cy='9' r='1.5' fill='%234fb3d4'/%3E%3Ccircle cx='8' cy='16' r='1.5' fill='%2367c9e6'/%3E%3Ccircle cx='16' cy='16' r='1.5' fill='%2367c9e6'/%3E%3Ccircle cx='12' cy='22' r='1.5' fill='%239d8ec4'/%3E%3Cline x1='12' y1='2' x2='5' y2='9' stroke='%234fb3d4' stroke-width='0.5' opacity='0.3'/%3E%3Cline x1='12' y1='2' x2='19' y2='9' stroke='%234fb3d4' stroke-width='0.5' opacity='0.3'/%3E%3Cline x1='5' y1='9' x2='8' y2='16' stroke='%234fb3d4' stroke-width='0.5' opacity='0.3'/%3E%3Cline x1='19' y1='9' x2='16' y2='16' stroke='%234fb3d4' stroke-width='0.5' opacity='0.3'/%3E%3Cline x1='8' y1='16' x2='12' y2='22' stroke='%234fb3d4' stroke-width='0.5' opacity='0.3'/%3E%3Cline x1='16' y1='16' x2='12' y2='22' stroke='%234fb3d4' stroke-width='0.5' opacity='0.3'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 0.65rem;
}