/* roulang page: index */
:root {
            --primary: #D4A373;
            --primary-bg: #FAEDCD;
            --dark-surface: #121517;
            --text-main: #212529;
            --text-muted: #6C757D;
            --border-line: rgba(0,0,0,0.08);
            --border-line-dark: rgba(255,255,255,0.12);
        }
        html { scroll-behavior: smooth; }
        body { color: var(--text-main); background-color: #F8F9FA; }
        .chip-border { border: 1px solid var(--border-line); }
        .chip-border-dark { border: 1px solid var(--border-line-dark); }
        .spec-badge {
            font-family: ui-monospace, SFMono-Regular, monospace;
            background: rgba(212, 163, 115, 0.12);
            color: #8C5E35;
        }
        details summary::-webkit-details-marker { display: none; }
        details[open] summary svg { transform: rotate(90deg); }