From 7d21ed8f09e60d3ed962bedcf304a5e17e07b2d8 Mon Sep 17 00:00:00 2001
From: Bobby <bobbyskhs@gmail.com>
Date: Wed, 22 Apr 2026 09:19:50 +0530
Subject: Rebuild Settings with Reading, Sound, Accessibility, and About
 sections per the mockup

---
 static/css/app.css | 42 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)

(limited to 'static/css/app.css')

diff --git a/static/css/app.css b/static/css/app.css
index cc210a3..8d33846 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -40,6 +40,48 @@ body.crisis-mode {
   --color-accent: var(--color-accent-warm);
 }
 
+html.text-size-small {
+  --text-xs: 10px;
+  --text-sm: 12px;
+  --text-base: 14px;
+  --text-md: 16px;
+  --text-lg: 19px;
+  --text-xl: 24px;
+}
+
+html.text-size-large {
+  --text-xs: 12px;
+  --text-sm: 14px;
+  --text-base: 18px;
+  --text-md: 20px;
+  --text-lg: 24px;
+  --text-xl: 32px;
+}
+
+html.text-size-extra-large {
+  --text-xs: 13px;
+  --text-sm: 15px;
+  --text-base: 20px;
+  --text-md: 22px;
+  --text-lg: 27px;
+  --text-xl: 36px;
+}
+
+html.high-contrast {
+  --color-text: #f3ecdc;
+  --color-text-secondary: #b4ac9c;
+  --color-text-tertiary: #857f72;
+}
+
+html.reduce-motion *,
+html.reduce-motion *::before,
+html.reduce-motion *::after {
+  animation-duration: 0.01ms !important;
+  animation-iteration-count: 1 !important;
+  transition-duration: 0.01ms !important;
+  scroll-behavior: auto !important;
+}
+
 *,
 *::before,
 *::after {
-- 
cgit v1.2.3