/* roulang page: index */
:root {
            --bg-canvas: #F9F9FB;
            --color-ink: #121316;
            --color-stone: #4A4D57;
            --color-gold: #C5A880;
            --color-gold-hover: #B3946C;
            --color-obsidian: #0F1013;
            --border-light: #E5E7EB;
            --border-dark: rgba(255, 255, 255, 0.08);
            --shadow-subtle: 0 12px 32px -4px rgba(18, 19, 22, 0.06);
        }

        body {
            background-color: var(--bg-canvas);
            color: var(--color-ink);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .editorial-shadow {
            box-shadow: var(--shadow-subtle);
        }

        .editorial-border {
            border-color: var(--border-light);
        }

        .editorial-hero-mask {
            background: linear-gradient(180deg, rgba(15, 16, 19, 0.72) 0%, rgba(15, 16, 19, 0.92) 100%);
        }

        .custom-scrollbar::-webkit-scrollbar {
            width: 5px;
            height: 5px;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #D1D5DB;
            border-radius: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: transparent;
        }