/* Custom Fonts for Diablo Studios */

/* Apercu Mono Pro Font Family */

@font-face {
    font-family: 'Apercu Mono Pro';
    src: url('/assets/fonts/ApercuMonoProLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Apercu Mono Pro';
    src: url('/assets/fonts/ApercuMonoProRegular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Apercu Mono Pro';
    src: url('/assets/fonts/ApercuMonoProMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Apercu Mono Pro';
    src: url('/assets/fonts/ApercuMonoProBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Font variables for easy management */
:root {
    /* Custom fonts with Apercu Mono Pro */
    --font-primary: 'Apercu Mono Pro', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-secondary: 'Apercu Mono Pro', 'Segoe UI', sans-serif;
    --font-heading: 'Apercu Mono Pro', var(--font-primary);
    --font-body: 'Apercu Mono Pro', var(--font-primary);
    --font-mono: 'Apercu Mono Pro', 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
}

/* Apply fonts to common elements */
body {
    font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
}

code, pre {
    font-family: var(--font-mono);
}