/* Ink Vessel: shared brand tokens for public, admin and error surfaces. */
@font-face {
    font-family: "Manrope";
    src: url("../fonts/manrope-variable.woff2") format("woff2");
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
}
@font-face {
    font-family: "Barlow Condensed";
    src: url("../fonts/barlow-condensed-bold.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: "Barlow Condensed";
    src: url("../fonts/barlow-condensed-extrabold-italic.woff2") format("woff2");
    font-style: italic;
    font-weight: 800;
    font-display: swap;
}
:root {
    --font-body: "Manrope", Arial, sans-serif;
    --font-display: "Barlow Condensed", "Manrope", Arial, sans-serif;
    --page: #f7f3e7;
    --surface: #fffdf7;
    --ink: #121212;
    --muted: #706b62;
    --line: #ded7ca;
    --accent: #e51b23;
    --accent-hover: #ba1018;
    --accent-soft: #fce7e4;
    --soft: #efe9dc;
    --success: #276c48;
    --on-accent: #ffffff;
    --radius: 12px;
    --shadow: 0 8px 24px rgb(18 18 18 / 5%);
    --display: var(--font-display);
}
html[data-theme="dark"] {
    color-scheme: dark;
    --page: #151413;
    --surface: #211f1c;
    --ink: #f7f3e7;
    --muted: #bcb5a9;
    --line: #3c3831;
    --accent: #fa5257;
    --accent-hover: #ff7175;
    --accent-soft: #3a2021;
    --soft: #2b2823;
    --success: #85c69c;
    --on-accent: #121212;
    --shadow: 0 8px 24px rgb(0 0 0 / 14%);
}