/* Custom Fonts */
@font-face {
    font-family: 'Henotica';
    src: url('../Fonts/Henotica.ttf') format('truetype');
}

@font-face {
    font-family: 'MIXONE';
    src: url('../Fonts/MIXONE.ttf') format('truetype');
}

@font-face {
    font-family: 'QuentonSerif';
    src: url('../Fonts/QuentonSerif.otf') format('opentype');
}

@font-face {
    font-family: 'Copeland';
    src: url('../Fonts/Copeland.otf') format('opentype');
}

@font-face {
    font-family: 'Qalogre';
    src: url('../Fonts/Qalogre.otf') format('opentype');
}

@font-face {
    font-family: 'Celliqath';
    src: url('../Fonts/Celliqath.otf') format('opentype');
}

@font-face {
    font-family: 'Kingneverdie';
    src: url('../Fonts/Kingneverdie.otf') format('opentype');
}

/* Bio Result Styling */
.bio-result {
    font-size: 1.1rem;
    line-height: 1.6;
    padding: 1.5rem;
    border-radius: 0.5rem;
    background-color: #f8fafc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.bio-emoji {
    display: inline-block;
    margin: 0 0.2rem;
    font-size: 1.2em;
    vertical-align: middle;
}

/* Font Preview Styles */
.font-preview {
    padding: 0.5rem;
    margin: 0.25rem 0;
    border-radius: 0.25rem;
    transition: background-color 0.2s;
}

.font-preview:hover {
    background-color: #f3f4f6;
}

/* Unicode Font Styles */
.unicode-small-caps {
    font-variant: small-caps;
}

.unicode-bubble {
    font-family: "Comic Sans MS", "Comic Sans", cursive;
}

.unicode-double-struck {
    font-family: "Times New Roman", serif;
}