/* ESC/POS Font Definitions */

@font-face {
    font-family: 'VirtualPrinterMono-A';
    src: url('/assets/fonts/VirtualPrinterMono-12x24.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VirtualPrinterMono-B';
    src: url('/assets/fonts/VirtualPrinterMono-9x17.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Font A: 12×24 dots (standard ESC/POS font) */
.escpos-font-a {
    font-family: 'VirtualPrinterMono-A', 'Consolas', 'Liberation Mono', 'Menlo', 'Courier New', monospace;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0;
    filter: url(#crisp-text);
}

/* Font B: 9×17 dots (smaller ESC/POS font) */
.escpos-font-b {
    font-family: 'VirtualPrinterMono-B', 'Consolas', 'Liberation Mono', 'Menlo', 'Courier New', monospace;
    font-size: 17px;
    line-height: 17px;
    letter-spacing: 0;
    filter: url(#crisp-text);
}

/* Text styling modifiers (applied inline as needed) */
/* These are kept as reference classes but will be applied via inline styles */
.escpos-bold {
    font-weight: 700;
}

.escpos-underline {
    text-decoration: underline;
}

.escpos-reverse {
    background: #000;
    color: #fff;
    padding: 2px 4px;
    border-radius: 3px;
}

/* Dark theme support for reverse text */
:root[data-theme="light"] .escpos-reverse {
    background: #000;
    color: #fff;
}

:root:not([data-theme="light"]) .escpos-reverse {
    background: #fff;
    color: #000;
}