/* roulang page: index */
:root {
            --primary: #0F383D;
            --accent: #F26430;
            --bg-light: #F8FAFA;
            --text-main: #0D171A;
            --text-body: #3F4E55;
        }
        html { scroll-behavior: smooth; }
        body { color: var(--text-body); background-color: var(--bg-light); line-height: 1.75; }
        .hero-code-block {
            background: #0B131B;
            border: 1px solid #1E2D3D;
            box-shadow: 0 20px 40px -15px rgba(0,0,0,0.5);
        }
        .custom-scrollbar::-webkit-scrollbar { height: 6px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: #E2E8F0; border-radius: 4px; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 4px; }
        .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #94A3B8; }