/**
 * /settings/reading — theme, palette, font, and size.
 *
 * A dedicated page for the reading preferences that used to be a section on
 * the old monolithic /settings screen. ReadingSettings ("bare" variant)
 * owns all the controls and their sync to the server.
 */

import { ReadingSettings } from "@/components/reading-settings";
import { SettingsShell } from "@/components/settings/settings-ui";

export default function ReadingSettingsPage() {
  return (
    <SettingsShell
      backHref="/settings"
      backLabel="Settings"
      title="Reading preferences"
      description="Theme, palette, font, and size — synced across your devices."
    >
      <ReadingSettings variant="bare" />
    </SettingsShell>
  );
}