[data-reader-theme]{--reader-bg:var(--background);--reader-bg-soft:var(--background-soft);--reader-fg:var(--foreground);--reader-fg-muted:var(--foreground-muted);--reader-fg-subtle:var(--foreground-lighter);--reader-border:var(--border);--reader-accent:var(--accent);--reader-toolbar-bg:color-mix(in srgb, var(--reader-bg) 88%, transparent);--reader-toolbar-border:color-mix(in srgb, var(--reader-fg) 10%, transparent);--reader-toolbar-item-hover:color-mix(in srgb, var(--reader-fg) 6%, transparent);--reader-card-bg:var(--reader-bg);--reader-card-border:var(--reader-border);--reader-card-highlight:color-mix(in srgb, var(--reader-accent) 8%, transparent);--reader-mushaf-shadow:0 20px 50px #0000000f, 0 4px 12px #0000000a}[data-reader-theme=light]{--background:#fff;--background-soft:#fafafa;--foreground:#000;--foreground-muted:#666;--foreground-lighter:#757575;--border:#eaeaea;--accent:#c5a059}[data-reader-theme=dark]{--background:#09090b;--background-soft:#18181b;--foreground:#f4f4f5;--foreground-muted:#a1a1aa;--foreground-lighter:#7a7a85;--border:#27272a;--accent:#c5a059;--reader-mushaf-shadow:0 20px 50px #0006, 0 4px 12px #0000004d}[data-reader-theme=sepia]{--background:#f4ecd8;--background-soft:#ece4cc;--foreground:#433422;--foreground-muted:#705e4c;--foreground-lighter:#7d6b58;--border:#e2d5b5;--accent:#c5a059}[data-reader-theme=mushaf-cream]{--background:#fffcf0;--background-soft:#f9f5e1;--foreground:#2d2a1e;--foreground-muted:#5c594b;--foreground-lighter:#7b7868;--border:#e9e5d1;--accent:#b49454}[data-reader-theme=high-contrast]{--background:#000;--background-soft:#111;--foreground:#fff;--foreground-muted:#ccc;--foreground-lighter:#aaa;--border:#fff;--accent:#facc15}[data-reader-night-mode]{--background:#0f0c08;--background-soft:#1a1610;--foreground:#e8dcc8;--foreground-muted:#a89a82;--foreground-lighter:#8a7d6b;--border:#2e261c;--accent:#d4a76a;--reader-mushaf-shadow:0 20px 50px #00000080, 0 4px 12px #0006}[data-reader-night-mode] [data-reader-theme]{--background:#0f0c08;--background-soft:#1a1610;--foreground:#e8dcc8;--foreground-muted:#a89a82;--foreground-lighter:#8a7d6b;--border:#2e261c;--accent:#d4a76a}.reader-theme-transition{transition:background-color .3s,color .3s,border-color .3s}