/* Switzer stands in for Helvetica Neue where it isn't installed (Windows,
   Android). unicode-range is Switzer's exact coverage, all of which Helvetica
   Neue has, so Apple devices never fetch it, even for emoji or CJK text. */
@font-face {
    font-family: "Switzer";
    src: url("/static/fonts/switzer-400.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0020-007E, U+00A0-00B4, U+00B6-0137, U+0139-0148, U+014C-017E, U+0192, U+0218-021B, U+0237, U+02C6-02C7, U+02D8-02DD, U+0326, U+0394, U+03A9, U+03BC, U+03C0, U+1E80-1E85, U+1EF2-1EF3, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2070, U+2074, U+20AC, U+2113, U+2122, U+2126, U+212E, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+F8FF, U+FB01-FB02;
}
@font-face {
    font-family: "Switzer";
    src: url("/static/fonts/switzer-500.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0020-007E, U+00A0-00B4, U+00B6-0137, U+0139-0148, U+014C-017E, U+0192, U+0218-021B, U+0237, U+02C6-02C7, U+02D8-02DD, U+0326, U+0394, U+03A9, U+03BC, U+03C0, U+1E80-1E85, U+1EF2-1EF3, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2070, U+2074, U+20AC, U+2113, U+2122, U+2126, U+212E, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+F8FF, U+FB01-FB02;
}
@font-face {
    font-family: "Switzer";
    src: url("/static/fonts/switzer-700.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0020-007E, U+00A0-00B4, U+00B6-0137, U+0139-0148, U+014C-017E, U+0192, U+0218-021B, U+0237, U+02C6-02C7, U+02D8-02DD, U+0326, U+0394, U+03A9, U+03BC, U+03C0, U+1E80-1E85, U+1EF2-1EF3, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2070, U+2074, U+20AC, U+2113, U+2122, U+2126, U+212E, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+F8FF, U+FB01-FB02;
}

/* Canvas colours shared by public web and curator surfaces. Native mirrors
   these in RhuneTheme; artwork and contrasting controls remain separate. */
:root {
    /* The one sans stack. Use var(--rh-sans); never restate it. */
    --rh-sans: "Helvetica Neue", Switzer, Arial, sans-serif;
    --rh-ink: #3f3c39;
    --rh-menu-background: #3f3c39;
    --rh-menu-foreground: #f1efe9;
    --rh-note-paper: #fbf9f5;
    --rh-muted: #77716a;
    --rh-line: rgba(63, 60, 57, 0.08);
    --rh-danger: #995c54;
    /* Filled button labels, native and web: RhuneTheme.button / buttonTracking. */
    --rh-button-font: 500 16px/1.2 var(--rh-sans);
    --rh-button-tracking: -0.055em;
    /* Compact buttons in cards and rows: RhuneMetaCompactButtonStyle. Same tracking. */
    --rh-compact-button-font: 500 14px/1.2 var(--rh-sans);
    --rh-page-light: #f1efe9;
    --rh-page-dark: #0f0f10;
    --rh-skeleton-base: #e5e5e5;
    --rh-skeleton-shimmer: linear-gradient(90deg, rgba(80, 80, 80, 0.035) 25%, rgba(255, 255, 255, 0.32) 50%, rgba(80, 80, 80, 0.035) 75%);
    --rh-paper: var(--rh-page-light);
    --curator-paper: var(--rh-paper);
    --curator-reading-paper: var(--rh-paper);
    --longform-paper: var(--rh-paper);
}
body.dark-mode {
    --rh-note-paper: #1c1b1a;
    --rh-ink: #e7e3db;
    --rh-muted: #a7a098;
    --rh-line: rgba(231, 227, 219, 0.08);
    --rh-danger: #d59288;
    --rh-skeleton-base: #252525;
    --rh-skeleton-shimmer: linear-gradient(90deg, rgba(255, 255, 255, 0.02) 25%, rgba(255, 255, 255, 0.07) 50%, rgba(255, 255, 255, 0.02) 75%);
    --rh-paper: var(--rh-page-dark);
    --curator-paper: var(--rh-paper);
    --curator-reading-paper: var(--rh-paper);
    --longform-paper: var(--rh-paper);
}
