/* roulang page: index */
:root {
            --primary-brand: #0F4C81;
            --accent-brand: #0284C7;
            --text-main: #1E293B;
            --text-secondary: #475569;
            --bg-canvas: #F8FAFC;
        }
        body {
            color: var(--text-main);
            background-color: var(--bg-canvas);
            -webkit-font-smoothing: antialiased;
        }
        .code-pattern {
            background-image: radial-gradient(rgba(14, 165, 233, 0.12) 1px, transparent 1px);
            background-size: 24px 24px;
        }
        .circuit-grid {
            background-image: linear-gradient(to right, rgba(226, 232, 240, 0.4) 1px, transparent 1px),
                              linear-gradient(to bottom, rgba(226, 232, 240, 0.4) 1px, transparent 1px);
            background-size: 40px 40px;
        }