/* roulang page: index */
:root {
            --primary: #00A86B;
            --primary-dark: #0B4F37;
            --accent: #E2F542;
            --dark-bg: #0D1512;
            --dark-card: #13241E;
            --text-main: #1F2937;
            --text-muted: #4B5563;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;
            color: var(--text-main);
            line-height: 1.75;
            background-color: #FFFFFF;
        }
        h1, h2, h3, h4, h5, h6 {
            line-height: 1.3;
            letter-spacing: -0.02em;
        }
        .court-pattern {
            background-color: #0D1512;
            background-image: radial-gradient(rgba(0, 168, 107, 0.15) 1px, transparent 1px);
            background-size: 24px 24px;
        }
        .tab-btn.active {
            background-color: #00A86B;
            color: #FFFFFF;
            border-color: #00A86B;
        }