:root{--color-primary: #0C2E57;--color-primary-light: #143a6b;--color-accent: #C9B380;--color-accent-light: #ddc99a;--color-surface: #F2F2F2;--color-surface-white: #FFFFFF;--color-text: #FFFFFF;--color-text-dark: #0C2E57;--color-text-muted: #5a6b7d;--color-overlay: rgba(12, 46, 87, .5);--font-arabic: "Noto Kufi Arabic", sans-serif;--font-english: "Outfit", sans-serif;--radius-button: 16px;--radius-card: 20px;--shadow-button: 0 4px 12px rgba(12, 46, 87, .12);--shadow-button-hover: 0 6px 20px rgba(12, 46, 87, .2);--transition-fast: .2s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-arabic);background:var(--color-surface);color:var(--color-text-muted);min-height:100vh;overflow-x:hidden}#app{min-height:100vh;display:flex;flex-direction:column}[dir=rtl]{text-align:right}