/* roulang page: index */
:root {
            --color-primary: #0F52BA;
            --color-secondary: #0D9488;
            --color-bg-light: #F8FAFC;
            --color-text-main: #0F172A;
            --color-text-body: #334155;
            --color-text-muted: #64748B;
            --color-border: #E2E8F0;
        }
        body {
            color: var(--color-text-body);
            background-color: #FFFFFF;
            overflow-x: hidden;
        }
        .code-preview-scroll::-webkit-scrollbar {
            height: 6px;
            width: 6px;
        }
        .code-preview-scroll::-webkit-scrollbar-thumb {
            background: #334155;
            border-radius: 4px;
        }
        .gradient-hero-bg {
            background: linear-gradient(135deg, rgba(248, 250, 252, 0.95) 0%, rgba(238, 242, 255, 0.92) 100%), url('/assets/images/bdfead1c1a9951cc.webp') center/cover no-repeat;
        }