/* roulang page: index */
:root {
            --primary: #059669;
            --primary-hover: #047857;
            --dark: #0f172a;
            --gray-bg: #f8fafc;
        }
        html { scroll-behavior: smooth; }
        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background-color: var(--gray-bg); color: #334155; }
        .hero-bg {
            background: linear-gradient(to right, rgba(15, 23, 42, 0.92), rgba(15, 23, 42, 0.82)), url('/assets/images/5dcd70a8107365c1.jpg');
            background-size: cover;
            background-position: center;
        }
        .code-box {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        }