/* roulang page: index */
:root {
            --color-graphite: #11161F;
            --color-brandnavy: #1E293B;
            --color-canvaswhite: #F8F9FA;
            --color-slateborder: #E2E8F0;
            --color-accentcopper: #B88E56;
            --color-accentgold: #C5A265;
        }
        body {
            background-color: var(--color-canvaswhite);
            color: var(--color-graphite);
            font-feature-settings: "cv02", "cv03", "cv04", "cv11";
            -webkit-font-smoothing: antialiased;
        }
        .tabular-data {
            font-variant-numeric: tabular-nums;
        }
        .copper-gradient-border {
            border-image: linear-gradient(to right, #B88E56, rgba(184, 142, 86, 0.1)) 1;
        }
        .card-subtle-lift {
            transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .card-subtle-lift:hover {
            transform: translateY(-4px);
            box-shadow: 0 16px 32px -8px rgba(17, 22, 31, 0.08);
        }