/* Generated by lib/reader/generate.js — do not edit */

/* @font-face */
@font-face {
    font-family: 'iAWriterMonoV';
    src: url('/font/iAWriterMonoV.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'iAWriterMonoV';
    src: url('/font/iAWriterMonoV-Italic.ttf') format('truetype');
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: 'Bookerly';
    src: url('/font/Bookerly-Regular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Bookerly';
    src: url('/font/Bookerly-Bold.ttf') format('truetype');
    font-display: swap;
    font-weight: bold;
}

@font-face {
    font-family: 'Bookerly';
    src: url('/font/Bookerly-RegularItalic.ttf') format('truetype');
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: 'Bookerly';
    src: url('/font/Bookerly-BoldItalic.ttf') format('truetype');
    font-display: swap;
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('/font/Roboto.ttf') format('truetype');
    font-display: swap;
    font-weight: 300;
}

@font-face {
    font-family: 'Roboto';
    src: url('/font/Roboto-Italic.ttf') format('truetype');
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: 'OpenDyslexic';
    src: url('/font/OpenDyslexic3-Regular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'OpenDyslexic';
    src: url('/font/OpenDyslexic3-Bold.ttf') format('truetype');
    font-display: swap;
    font-weight: bold;
}

/* Themes */
body[data-theme="light"] {
    --reader-bg: #F7F7F7;
    --reader-text: #1A1A1A;
    --reader-link: #898886;
    --reader-link-active: #B4B3B0;
    --reader-selection: #ACEBFB;
    --reader-pre-bg: #F0F0F0;
    --reader-pre-border: rgba(0, 0, 0, 0.2);
    --reader-caption: #666;
    --reader-nav-bg: #F7F7F7;
    --reader-panel-bg: #F7F7F7;
    --reader-border: rgba(0, 0, 0, 0.1);
    --reader-border-subtle: rgba(0, 0, 0, 0.06);
    --reader-icon-filter: none;
    --reader-tooltip-bg: #1A1B1A;
    --reader-tooltip-text: #F7F7F7;
    --reader-hover-bg: #000;
    --reader-hover-text: #F7F7F7;
    --reader-toc-active: #ACEBFB;
    --reader-toc-border: rgba(0, 0, 0, 0.1);
    --reader-toc-muted: #666;
    --reader-progress: #ACEBFB;
    --reader-progress-shadow: rgba(172, 235, 251, 0.8);
    --reader-remainder-progress: #FBACEB;
    --reader-remainder-progress-shadow: rgba(251, 172, 235, 0.75);
    --reader-comments-selection: rgba(251, 172, 235, 0.55);
    --reader-comments-like: #EC4899;
    --reader-panel-shadow: -4px 0 20px rgba(0, 0, 0, 0.05);
    --brand-bluesky: #0560FF;
    --brand-lastfm: #D51007;
    --brand-letterboxd: #00A843;
    --brand-storygraph: #0E7C86;
    --brand-backloggd: #D94A7F;
}

body[data-theme="dark"] {
    --reader-bg: #1A1B1A;
    --reader-text: #E2E2E2;
    --reader-link: #A8A6A3;
    --reader-link-active: #C4C3C0;
    --reader-selection: #005569;
    --reader-pre-bg: #1E1D1D;
    --reader-pre-border: rgba(204, 204, 204, 0.2);
    --reader-caption: #999;
    --reader-nav-bg: #1A1B1A;
    --reader-panel-bg: #1A1B1A;
    --reader-border: rgba(255, 255, 255, 0.1);
    --reader-border-subtle: rgba(255, 255, 255, 0.06);
    --reader-icon-filter: invert(1);
    --reader-tooltip-bg: #E0E0E0;
    --reader-tooltip-text: #1A1B1A;
    --reader-hover-bg: #CCC;
    --reader-hover-text: #1A1B1A;
    --reader-toc-active: #005569;
    --reader-toc-border: rgba(255, 255, 255, 0.15);
    --reader-toc-muted: #aaa;
    --reader-progress: #007791;
    --reader-progress-shadow: rgba(220, 250, 255, 0.6);
    --reader-remainder-progress: #E879C9;
    --reader-remainder-progress-shadow: rgba(232, 121, 201, 0.65);
    --reader-comments-selection: rgba(232, 121, 201, 0.45);
    --reader-comments-like: #F472B6;
    --reader-panel-shadow: -4px 0 20px rgba(0, 0, 0, 0.5);
    --brand-bluesky: #4DA3FF;
    --brand-lastfm: #FF5A52;
    --brand-letterboxd: #00E054;
    --brand-storygraph: #18A8B5;
    --brand-backloggd: #FC6399;
}

body[data-theme="sepia"] {
    --reader-bg: #FBF5DF;
    --reader-text: #4A3F35;
    --reader-link: #7A6A58;
    --reader-link-active: #5C4F42;
    --reader-selection: #E8D4A8;
    --reader-pre-bg: #F0E6C8;
    --reader-pre-border: rgba(74, 63, 53, 0.2);
    --reader-caption: #6B5D4F;
    --reader-nav-bg: #FBF5DF;
    --reader-panel-bg: #FBF5DF;
    --reader-border: rgba(74, 63, 53, 0.15);
    --reader-border-subtle: rgba(74, 63, 53, 0.08);
    --reader-icon-filter: none;
    --reader-tooltip-bg: #4A3F35;
    --reader-tooltip-text: #FBF5DF;
    --reader-hover-bg: #4A3F35;
    --reader-hover-text: #FBF5DF;
    --reader-toc-active: #E8D4A8;
    --reader-toc-border: rgba(74, 63, 53, 0.2);
    --reader-toc-muted: #6B5D4F;
    --reader-progress: #C4A574;
    --reader-progress-shadow: rgba(196, 165, 116, 0.5);
    --reader-remainder-progress: #C98B8B;
    --reader-remainder-progress-shadow: rgba(201, 139, 139, 0.55);
    --reader-comments-selection: rgba(201, 139, 139, 0.45);
    --reader-comments-like: #DB2777;
    --reader-panel-shadow: -4px 0 20px rgba(74, 63, 53, 0.12);
    --brand-bluesky: #0348C4;
    --brand-lastfm: #A30D05;
    --brand-letterboxd: #007A35;
    --brand-storygraph: #085960;
    --brand-backloggd: #B83668;
}

body[data-theme="solarized"] {
    --reader-bg: #002B36;
    --reader-text: #839496;
    --reader-link: #268BD2;
    --reader-link-active: #2AA198;
    --reader-selection: #073642;
    --reader-pre-bg: #073642;
    --reader-pre-border: rgba(131, 148, 150, 0.25);
    --reader-caption: #586E75;
    --reader-nav-bg: #002B36;
    --reader-panel-bg: #002B36;
    --reader-border: rgba(131, 148, 150, 0.2);
    --reader-border-subtle: rgba(131, 148, 150, 0.1);
    --reader-icon-filter: invert(1);
    --reader-tooltip-bg: #EEE8D5;
    --reader-tooltip-text: #002B36;
    --reader-hover-bg: #586E75;
    --reader-hover-text: #EEE8D5;
    --reader-toc-active: #073642;
    --reader-toc-active-text: #2AA198;
    --reader-toc-border: rgba(131, 148, 150, 0.25);
    --reader-toc-muted: #586E75;
    --reader-progress: #2AA198;
    --reader-progress-shadow: rgba(42, 161, 152, 0.5);
    --reader-remainder-progress: #D33682;
    --reader-remainder-progress-shadow: rgba(211, 54, 130, 0.55);
    --reader-comments-selection: rgba(211, 54, 130, 0.4);
    --reader-comments-like: #F472B6;
    --reader-panel-shadow: -4px 0 20px rgba(0, 0, 0, 0.4);
    --brand-bluesky: #268BD2;
    --brand-lastfm: #DC322F;
    --brand-letterboxd: #859900;
    --brand-storygraph: #2AA198;
    --brand-backloggd: #D33682;
}

body[data-font="dyslexic"] em,
body[data-font="dyslexic"] i {
    font-synthesis: style;
}