/* Hintergrund-Muster – nach Theme-CSS laden, damit Overrides greifen.
   data-dmm-bg-pattern="theme" / fehlend = Theme-Standard belassen. */

body[data-dmm-bg-pattern="none"] {
    background-color: var(--dmm-bg);
    background-image: none;
    background-attachment: scroll;
}

body[data-dmm-bg-pattern="dots"] {
    background-color: var(--dmm-bg);
    background-image: radial-gradient(circle at 1px 1px, rgba(var(--primary-rgb), 0.28) 1.6px, transparent 0);
    background-size: 24px 24px;
    background-attachment: fixed;
}

body[data-dmm-bg-pattern="grid"] {
    background-color: var(--dmm-bg);
    background-image:
        linear-gradient(rgba(var(--primary-rgb), 0.16) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--primary-rgb), 0.16) 1px, transparent 1px);
    background-size: 28px 28px;
    background-attachment: fixed;
}

body[data-dmm-bg-pattern="lines"] {
    background-color: var(--dmm-bg);
    background-image: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 19px,
        rgba(var(--primary-rgb), 0.2) 19px,
        rgba(var(--primary-rgb), 0.2) 20px
    );
    background-attachment: fixed;
}

body[data-dmm-bg-pattern="diagonal"] {
    background-color: var(--dmm-bg);
    background-image: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 16px,
        rgba(var(--primary-rgb), 0.16) 16px,
        rgba(var(--primary-rgb), 0.16) 17px
    );
    background-attachment: fixed;
}