:root{--nav-bg: #435f80;--nav-text: #ffffff;--page-bg: #ffffff;--page-text: #000000}@media (prefers-color-scheme: dark){:root{--nav-bg: #333333;--nav-text: #ffffff;--page-bg: #121212;--page-text: #ffffff}}body{background-color:var(--page-bg);color:var(--page-text);direction:rtl}nav{display:flex;align-items:center;background-color:var(--nav-bg);padding:1rem}nav a{color:var(--nav-text);margin:0 1rem}@media (max-width: 600px){nav{flex-direction:column;align-items:flex-start}nav a{margin:.5rem 0}}app-router{width:100%;margin:0;padding:0}