/* roulang page: index */
:root {
            --brand-primary: #059669;
            --brand-primary-light: #10b981;
            --brand-dark: #0f172a;
            --brand-bg-paper: #f8fafc;
            --border-soft: rgba(226, 232, 240, 0.85);
        }
        body {
            background-color: var(--brand-bg-paper);
            color: #1e293b;
            font-family: 'PingFang SC', system-ui, -apple-system, sans-serif;
            line-height: 1.75;
            -webkit-font-smoothing: antialiased;
        }
        .code-window-gradient {
            background: linear-gradient(145deg, #111827 0%, #0a0f1d 100%);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        .card-subtle-glow:hover {
            box-shadow: 0 12px 30px -10px rgba(5, 150, 105, 0.15);
            border-color: rgba(16, 185, 129, 0.4);
        }