/* Base: reset, variables, typography */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
        :root{
            --bg:#FAF8F4;
            --bg-warm:#F0EDE4;
            --dark:#0D0C0A;
            --dark-2:#171614;
            --gold:#B8962E;
            --gold-light:#D4AF37;
            --yellow:#F5C518;
            --text:#1A1816;
            --text-2:#6B6560;
            --text-3:#9E9893;
            --white:#FAFAF8;
            --green:#22C55E;
        }
        html{scroll-behavior:smooth}

        /* ===== CHESS BG FIGURES ===== */
        .chess-float{
            position:absolute;pointer-events:none;user-select:none;
            font-size:18rem;line-height:1;
            color:rgba(0,0,0,.025);
            z-index:0;
            will-change:transform;
            transition:none;
        }
        .dark-bg .chess-float{color:rgba(255,255,255,.03)}
        .chess-float.gold{color:rgba(184,150,46,.06)}
        .dark-bg .chess-float.gold{color:rgba(184,150,46,.05)}
        .chess-float.sm{font-size:10rem}
        .chess-float.lg{font-size:26rem}
        [data-chess-bg]{position:relative;overflow:hidden}
        body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.6}
        a{color:inherit;text-decoration:none}
        img{max-width:100%;display:block}
        button{font-family:inherit;cursor:pointer;border:none;background:none}
        ::selection{background:var(--gold);color:#fff}
        ::-webkit-scrollbar{width:5px}
        ::-webkit-scrollbar-track{background:var(--dark)}
        ::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}