.checkerboard-bg {
    background-color: var(--color-surface);
    background-image: linear-gradient(45deg, var(--color-border) 25%, transparent 25%), 
                      linear-gradient(-45deg, var(--color-border) 25%, transparent 25%), 
                      linear-gradient(45deg, transparent 75%, var(--color-border) 75%), 
                      linear-gradient(-45deg, transparent 75%, var(--color-border) 75%);
    background-size: 20px 20px;
    background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}