/**
 * design_meta.background_preset + footer contrast (Faz 13.0)
 */

.wm-bg-preset-corporate {
    background-color: var(--wm-bg);
    background-image:
        radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--wm-primary) 12%, transparent), transparent 45%),
        linear-gradient(135deg, color-mix(in srgb, var(--wm-bg) 92%, #1e3a8a) 0%, var(--wm-bg) 100%);
}

.wm-bg-preset-abstract {
    background-color: var(--wm-bg);
    background-image:
        radial-gradient(circle at 80% 10%, color-mix(in srgb, var(--wm-primary) 18%, transparent), transparent 40%),
        radial-gradient(circle at 10% 90%, color-mix(in srgb, var(--wm-primary) 10%, transparent), transparent 35%);
}

.wm-bg-preset-gradient {
    background-color: var(--wm-bg);
    background-image: linear-gradient(135deg, color-mix(in srgb, var(--wm-primary) 16%, var(--wm-bg)) 0%, var(--wm-bg) 55%, color-mix(in srgb, var(--wm-primary) 8%, white) 100%);
}

.wm-bg-preset-dark {
    background-color: #0f172a;
    background-image: linear-gradient(160deg, #1e293b 0%, #0f172a 100%);
}

.wm-bg-preset-nature {
    background-color: #ecfdf5;
    background-image:
        radial-gradient(circle at 15% 85%, rgba(16, 185, 129, 0.18), transparent 45%),
        linear-gradient(180deg, #ecfdf5 0%, #f0fdf4 100%);
}

.wm-bg-preset-office {
    background-color: var(--wm-bg);
    background-image:
        linear-gradient(90deg, rgba(148, 163, 184, 0.08) 1px, transparent 1px),
        linear-gradient(rgba(148, 163, 184, 0.08) 1px, transparent 1px);
    background-size: 24px 24px;
}

.wm-bg-preset-minimal {
    background-color: var(--wm-bg);
    background-image: none;
}

.wm-footer {
    margin-top: var(--wm-space-3, 24px);
    text-align: center;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--wm-text-muted);
}

.wm-footer-link {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.wm-footer-link:hover {
    color: var(--wm-primary);
}

[data-theme="dark"] .wm-footer,
.wm-bg-preset-dark .wm-footer {
    color: rgba(226, 232, 240, 0.82);
}

[data-theme="gradient"] .wm-footer,
[data-theme="glass"] .wm-footer,
[data-theme="nature"] .wm-footer {
    color: color-mix(in srgb, var(--wm-text) 72%, transparent);
}