/* roulang page: index */
:root {
            --color-bg-base: #F8F9FA;
            --color-text-main: #0F172A;
            --color-text-muted: #64748B;
            --color-accent: #059669;
            --color-border: #E2E8F0;
        }
        body {
            background-color: var(--color-bg-base);
            color: var(--color-text-main);
            overflow-x: hidden;
            font-feature-settings: "cv02", "cv03", "cv04", "cv11";
        }
        .text-mono {
            font-family: 'JetBrains Mono', monospace;
        }
        .custom-scrollbar::-webkit-scrollbar {
            height: 6px;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background-color: #CBD5E1;
            border-radius: 4px;
        }
        .shadow-subtle {
            box-shadow: 0 1px 3px 0 rgba(15, 23, 42, 0.05), 0 1px 2px -1px rgba(15, 23, 42, 0.05);
        }
        .shadow-hover {
            transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .shadow-hover:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.08), 0 8px 10px -6px rgba(15, 23, 42, 0.04);
        }