:root{--bg: light-dark(#e0e6eb, #383c3f);--back-bg: light-dark(#ffffff, #2a2b2c);--contrast: #f1e3dd;--light: light-dark(hsl(217, 50%, 80%), hsl(217, 40%, 65%));--neutral: light-dark(hsl(0, 0%, 95%), hsl(0, 0%, 20%));--dark: hsl(217, 50%, 20%);--text-light: white;--text-dark: black;--text: light-dark(var(--text-dark), var(--text-light));--text-invert: light-dark(var(--text-light), var(--text-dark));--text-secondary: light-dark(#444, #bbb);--primary: light-dark(#8d9db6, #22447a);--accent: #667292;--warn: #ff0404;--success: #4caf50;--info: light-dark(#d0dbfb, #4d5980);--border: light-dark(#bcccdc, #7a99b8);--shadow: rgba(0, 0, 0, .1)}body{background:var(--back-bg);direction:rtl;margin:0;height:100vh;color:var(--text);font-family:sans-serif;transition:background .5s}*{transition:inherit;box-sizing:border-box}input,textarea{background:var(--back-bg)}button{border:1px solid var(--border);border-radius:4px;transition:background .25s}