/* Central theme – paper/academic color system */
:root {
    --bg: #F6F4EE;
    --surface: #FBFAF7;
    --surface-2: #FFFFFF;
    --text: #2A2A2A;
    --text-muted: #6B6B6B;
    --border: #C9C5BD;
    --border-soft: #DEDAD2;
    --accent: #1E2A38;
    --accent-hover: #16202B;
    --accent-weak: rgba(30, 42, 56, 0.10);
    --focus-ring: rgba(30, 42, 56, 0.25);
    --shadow-subtle: 0 2px 10px rgba(0, 0, 0, 0.04);
    --reading-font-size: 1rem;
}

html.dark-mode {
    --bg: #1A1A1A;
    --surface: #252525;
    --surface-2: #2E2E2E;
    --text: #E8E8E8;
    --text-muted: #A0A0A0;
    --border: #404040;
    --border-soft: #353535;
    --accent: #4A7C9C;
    --accent-hover: #5A8CAC;
    --accent-weak: rgba(74, 124, 156, 0.15);
    --focus-ring: rgba(74, 124, 156, 0.35);
    --shadow-subtle: 0 2px 10px rgba(0, 0, 0, 0.2);
}

/* textSize set via JS (px, 12–28, recommended 16) */