:root{--color-light: #0f172a;--color-primary: #2563EB;--color-accent: #3B82F6;--color-secondary: #475569;--color-dark: #334155;--color-bg: #F8FAFC;--color-surface-1: #FFFFFF;--color-surface-2: #F1F5F9;--color-border: #E2E8F0;--sys-radius-sm: .25rem;--sys-radius-md: .375rem;--sys-radius-lg: .5rem;--sys-radius-xl: .75rem;--sys-radius-2xl: 1rem;--sys-radius-full: 9999px;--sys-font-heading: "Inter", "Tajawal", sans-serif;--sys-font-body: "Inter", "Tajawal", sans-serif}html,body{height:100%;width:100%;margin:0;padding:0;overflow:hidden}html{font-size:clamp(14px,1vw,16px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-bg, #F8FAFC);color:var(--color-dark);font-family:var(--sys-font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--sys-font-heading);font-weight:700;letter-spacing:-.025em;color:var(--color-light)}.rounded-sm{border-radius:var(--sys-radius-sm)!important}.rounded-md,.rounded{border-radius:var(--sys-radius-md)!important}.rounded-lg{border-radius:var(--sys-radius-lg)!important}.rounded-xl{border-radius:var(--sys-radius-xl)!important}.rounded-2xl{border-radius:var(--sys-radius-2xl)!important}.rounded-full{border-radius:var(--sys-radius-full)!important}html[lang=ar] body,html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4,html[lang=ar] h5,html[lang=ar] h6{font-family:Tajawal,sans-serif!important}@keyframes fade-glow{0%{box-shadow:0 0 1rem .2rem #2563eb80}to{box-shadow:0 0 #2563eb00}}.highlight-nav{border-radius:var(--sys-radius-md);box-shadow:0 0 1rem .2rem #2563eb80;animation:fade-glow 3s ease-out forwards}.custom-scrollbar::-webkit-scrollbar{width:5px;height:5px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--color-secondary)}::selection{background-color:#2563eb33;color:inherit}