/**
 * Custom Font Definitions for Watermarker
 * These fonts are used in the font selector dropdown to preview each font in its own style
 */

/* === CLEAN FONTS === */

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/roboto/Roboto[wdth,wght].ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Libre Baskerville';
    src: url('/fonts/librebaskerville/LibreBaskerville[wght].ttf') format('truetype');
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/opensans/OpenSans[wdth,wght].ttf') format('truetype');
    font-weight: 300 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('/fonts/merriweather/Merriweather[opsz,wdth,wght].ttf') format('truetype');
    font-weight: 300 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Courier Prime';
    src: url('/fonts/courierprime/CourierPrime-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* === CREATIVE FONTS === */

@font-face {
    font-family: 'Bebas Neue';
    src: url('/fonts/bebasneue/BebasNeue-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Anton';
    src: url('/fonts/anton/Anton-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pacifico';
    src: url('/fonts/pacifico/Pacifico-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Caveat';
    src: url('/fonts/caveat/Caveat[wght].ttf') format('truetype');
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Orbitron';
    src: url('/fonts/orbitron/Orbitron[wght].ttf') format('truetype');
    font-weight: 400 900;
    font-style: normal;
    font-display: swap;
}

/* === UNHINGED FONTS === */

@font-face {
    font-family: 'Rubik Puddles';
    src: url('/fonts/rubikpuddles/RubikPuddles-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nabla';
    src: url('/fonts/nabla/Nabla[EDPT,EHLT].ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Honk';
    src: url('/fonts/honk/Honk[MORF,SHLN].ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ZCOOL KuaiLe';
    src: url('/fonts/zcoolkuaile/ZCOOLKuaiLe-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans Egyptian Hieroglyphs';
    src: url('/fonts/notosansegyptianhieroglyphs/NotoSansEgyptianHieroglyphs-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* === FONT SELECTOR STYLING === */

.font-selector {
    font-size: 1rem;
}

.font-selector option {
    padding: 8px 12px;
    font-size: 1.1rem;
}

.font-selector optgroup {
    font-style: normal;
    font-weight: 600;
    color: var(--text-muted);
    padding: 8px 0 4px 0;
}