:root { --navy: #0a2a56; --navy-dark: #071b38; --gold: #c9a24b; --bg: #f5f6f9; --surface: #ffffff; --border: #e3e7ee; --text: #1c2733; --text-light: #5b6b7c; --danger: #c0392b; --success: #1e8a4c; --radius: 12px; --shadow: 0 4px 14px rgba(10, 42, 86, 0.08); --font-fa: 'Vazirmatn', 'VazirmatnLocal', Tahoma, Arial, sans-serif; --header-h: 64px; } /* Dark theme - toggled via .theme-dark on , and used automatically when the OS prefers dark and the user hasn't chosen a theme explicitly. */ html.theme-dark { --bg: #0e1420; --surface: #161d2b; --border: #262f42; --text: #e7ecf4; --text-light: #97a4ba; --shadow: 0 4px 18px rgba(0, 0, 0, 0.4); }