/* Zed-inspired font stack for minimal portfolio */
/* Font faces based on zed.dev's font implementation */

/* Agrandir font family */
@font-face {
    font-family: "Agrandir";
    src: url("./fonts/agrandir-200-normal.woff2") format("woff2");
    font-display: swap;
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Agrandir";
    src: url("./fonts/agrandir-200-italic.woff2") format("woff2");
    font-display: swap;
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: "Agrandir";
    src: url("./fonts/agrandir-400-normal.woff2") format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Agrandir";
    src: url("./fonts/agrandir-400-italic.woff2") format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Agrandir";
    src: url("./fonts/agrandir-700-normal.woff2") format("woff2");
    font-display: swap;
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Agrandir";
    src: url("./fonts/agrandir-700-italic.woff2") format("woff2");
    font-display: swap;
    font-weight: 700;
    font-style: italic;
}

/* Writer font family */
@font-face {
    font-family: "Writer";
    src: url("./fonts/writer-400-normal.woff2") format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Writer";
    src: url("./fonts/writer-400-italic.woff2") format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Writer";
    src: url("./fonts/writer-700-normal.woff2") format("woff2");
    font-display: swap;
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Writer";
    src: url("./fonts/writer-700-italic.woff2") format("woff2");
    font-display: swap;
    font-weight: 700;
    font-style: italic;
}

/* Lora font family (variable weight) */
@font-face {
    font-family: "Lora";
    src: url("./fonts/lora-variable.woff2") format("woff2");
    font-display: swap;
    font-weight: 400 700;
    font-style: normal;
}

/* Zed Mono font family */
@font-face {
    font-family: "Zed Mono";
    src: url("./fonts/zed-mono-400-normal.woff2") format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: normal;
}

/* Plex Sans font family */
@font-face {
    font-family: "Plex Sans";
    src: url("./fonts/plex-sans-400-normal.woff2") format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: normal;
}

/* Fallback font stack variables for easy use */
:root {
    --font-agrandir:
        "Agrandir", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        sans-serif;
    --font-writer:
        "Writer", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        sans-serif;
    --font-lora: "Lora", Georgia, "Times New Roman", serif;
    --font-zed-mono:
        "Zed Mono", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", monospace;
    --font-plex-sans:
        "Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        sans-serif;
}