/* Rose Pine theme variables for vodplace
   Light: Rose Pine Dawn (moderate contrast variant from weaver.sh)
   Dark: Rose Pine (original) via prefers-color-scheme */

/* --- Ioskeley Mono (monospace) --- */
@font-face {
    font-family: "Ioskeley Mono";
    font-style: normal;
    font-weight: normal;
    src: url("/assets/IoskeleyMono-Regular.woff2") format("woff2");
}
@font-face {
    font-family: "Ioskeley Mono";
    font-style: normal;
    font-weight: lighter;
    src: url("/assets/IoskeleyMono-Light.woff2") format("woff2");
}
@font-face {
    font-family: "Ioskeley Mono";
    font-style: italic;
    font-weight: lighter;
    src: url("/assets/IoskeleyMono-LightItalic.woff2") format("woff2");
}
@font-face {
    font-family: "Ioskeley Mono";
    font-style: normal;
    font-weight: bold;
    src: url("/assets/IoskeleyMono-Bold.woff2") format("woff2");
}
@font-face {
    font-family: "Ioskeley Mono";
    font-style: italic;
    font-weight: normal;
    src: url("/assets/IoskeleyMono-Italic.woff2") format("woff2");
}
@font-face {
    font-family: "Ioskeley Mono";
    font-style: italic;
    font-weight: bold;
    src: url("/assets/IoskeleyMono-BoldItalic.woff2") format("woff2");
}

/* --- CM Sans (UI sans-serif) --- */
@font-face {
    font-family: "CM Sans";
    font-style: normal;
    font-weight: normal;
    src: url("/assets/CMSans-Regular.woff") format("woff");
}
@font-face {
    font-family: "CM Sans";
    font-style: italic;
    font-weight: normal;
    src: url("/assets/CMSans-Italic.woff") format("woff");
}
@font-face {
    font-family: "CM Sans";
    font-style: normal;
    font-weight: bold;
    src: url("/assets/CMSans-Bold.woff") format("woff");
}
@font-face {
    font-family: "CM Sans";
    font-style: italic;
    font-weight: bold;
    src: url("/assets/CMSans-BoldItalic.woff") format("woff");
}

/* --- Light mode: Rose Pine Dawn (moderate contrast) --- */
:root {
    --color-base: #faf4ed;
    --color-surface: #fffaf3;
    --color-overlay: #f2e9e1;
    --color-text: #1f1d2e;
    --color-muted: #635e74;
    --color-subtle: #4a4560;
    --color-emphasis: #1e1a2d;
    --color-primary: #907aa9;
    --color-secondary: #56949f;
    --color-tertiary: #286983;
    --color-error: #b4637a;
    --color-warning: #ea9d34;
    --color-success: #286983;
    --color-border: #908caa;
    --color-link: #d7827e;
    --color-highlight: #cecacd;

    --font-ui: "DM Sans", system-ui, -apple-system, sans-serif;
    --font-heading: "Capriola", sans-serif;
    --font-mono: "Ioskeley Mono", "IBM Plex Mono", Consolas, monospace;

    --spacing-base: 16px;
    --spacing-line-height: 1.6;
    --spacing-scale: 1.25;
}

/* --- Dark mode: Rose Pine (original) --- */
@media (prefers-color-scheme: dark) {
    :root {
        --color-base: #191724;
        --color-surface: #1f1d2e;
        --color-overlay: #26233a;
        --color-text: #e0def4;
        --color-muted: #6e6a86;
        --color-subtle: #908caa;
        --color-emphasis: #e0def4;
        --color-primary: #c4a7e7;
        --color-secondary: #3e8fb0;
        --color-tertiary: #9ccfd8;
        --color-error: #eb6f92;
        --color-warning: #f6c177;
        --color-success: #31748f;
        --color-border: #403d52;
        --color-link: #ebbcba;
        --color-highlight: #524f67;
    }
}