/* DISIE Janeway theme tokens
 *
 * Ported from theme/disie/styles/_tokens.css.
 * Keep this file Janeway-neutral: variables only, no OJS selectors.
 */

@font-face {
    font-display: swap;
    font-family: "Source Serif 4";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/source-serif-4-latin-400-normal.woff2") format("woff2");
}

@font-face {
    font-display: swap;
    font-family: "Source Serif 4";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/source-serif-4-latin-500-normal.woff2") format("woff2");
}

@font-face {
    font-display: swap;
    font-family: "Source Serif 4";
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/source-serif-4-latin-600-normal.woff2") format("woff2");
}

@font-face {
    font-display: swap;
    font-family: "Source Serif 4";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/source-serif-4-latin-700-normal.woff2") format("woff2");
}

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

@font-face {
    font-display: swap;
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/inter-latin-500-normal.woff2") format("woff2");
}

@font-face {
    font-display: swap;
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/inter-latin-600-normal.woff2") format("woff2");
}

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

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

@font-face {
    font-display: swap;
    font-family: "JetBrains Mono";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/jetbrains-mono-latin-500-normal.woff2") format("woff2");
}

@font-face {
    font-display: swap;
    font-family: "JetBrains Mono";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/jetbrains-mono-latin-700-normal.woff2") format("woff2");
}

:root {
    color-scheme: light;

    --disie-bg: #f6f4ee;
    --disie-surface: #ffffff;
    --disie-surface-2: #fbfaf5;
    --disie-border: #e5e1d6;
    --disie-border-strong: #c8c2b2;

    --disie-ink-1: #15181b;
    --disie-ink-2: #2a2e33;
    --disie-ink-3: #5a5f66;
    --disie-ink-4: #8a8f96;

    --disie-bistre: #5e4400;
    --disie-bistre-deep: #4a3500;
    --disie-bistre-soft: #f9eecd;
    --disie-saffron: #f2c115;
    --disie-saffron-deep: #d9a900;
    --disie-saffron-ink: #15181b;

    --disie-ochre: #8b5a1f;
    --disie-ochre-soft: #f3ead8;
    --disie-forest: #2d5e3e;
    --disie-forest-soft: #e3ede4;
    --disie-crimson: #9a2a2a;

    --disie-font-body: "Source Serif 4", "Iowan Old Style", "Cambria", Georgia, serif;
    --disie-font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
    --disie-font-mono: "JetBrains Mono", "SFMono-Regular", "Menlo", Consolas, "DejaVu Sans Mono", monospace;

    --disie-font-size-base: 17px;
    --disie-line-height-body: 1.6;
    --disie-line-height-tight: 1.15;

    --disie-radius-sm: 4px;
    --disie-radius: 6px;
    --disie-radius-lg: 10px;
    --disie-shadow-1: 0 1px 0 rgba(21, 24, 27, 0.04);
    --disie-shadow-2:
        0 1px 2px rgba(21, 24, 27, 0.06),
        0 4px 16px -8px rgba(21, 24, 27, 0.08);

    --disie-content-max: 72ch;
    --disie-gutter: clamp(1.5rem, 4vw, 5rem);
    --disie-space-xs: 0.5rem;
    --disie-space-sm: 0.75rem;
    --disie-space-md: 1rem;
    --disie-space-lg: 1.5rem;
    --disie-space-xl: 2rem;
    --disie-space-2xl: 3rem;
}