:root{--teal: #17434d;--teal-deep: #0f3038;--gold: #c9a24b;--gold-light: #ebd49a;--gold-fill: #8a6612;--gold-text: #7a5a12;--bg: #faf5e9;--paper: #fffdf7;--tint: #f3e7c9;--line: #e0d3b5;--line-soft: #efe6d0;--text: #1b2f33;--text-2: #3a4b4f;--muted: #56666a;--vowel-a: #c4351c;--vowel-i: #1d5fa6;--vowel-u: #1b7a4a;--madd-bg: #f6e7a8;--font-ui: Poppins, Amiri, "Noto Naskh Arabic", "Segoe UI", system-ui, sans-serif;--font-ar: Amiri, "Noto Naskh Arabic", serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}:root[data-theme=dark]{--bg: #0e2227;--paper: #14313a;--tint: #1b3d47;--line: #2a4a54;--line-soft: #223f48;--text: #f2ebdd;--text-2: #d8d2c4;--muted: #a9b8bb;--gold-text: #ebd49a;--vowel-a: #ff8e78;--vowel-i: #86bbff;--vowel-u: #74d6a0;--madd-bg: #5a4a14}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font-family:inherit}.ar{font-family:var(--font-ar);direction:rtl}