/*
#	Project: DevBlog / YtDevBlog - Developer changelog portal
#	This is NOT a freeware, use is subject to license terms.
#	Website: (injected by release brand)
#	Copyright (C) 2026 SupixSoft / Youtem. All Rights Reserved.
*/

/* Homepage card cover effects via html[data-cover-style]. Themes may override freely. */

:root {
    --dv-cover-bg: linear-gradient(145deg, #64748b 0%, #1f2937 100%);
    --dv-cover-fg: #ffffff;
    --dv-cover-glow: rgba(59, 130, 246, 0.28);
}

html[data-cover-style="accent"] {
    --dv-cover-bg: linear-gradient(145deg, var(--dv-accent) 0%, var(--primary-dark, #1e293b) 52%, #0f172a 100%);
    --dv-cover-glow: rgba(var(--primary-rgb, 37, 99, 235), 0.35);
}

html[data-cover-style="soft"] {
    --dv-cover-bg: linear-gradient(160deg, var(--dv-accent) 0%, var(--primary-light, var(--dv-accent)) 38%, var(--primary-dark, #1e293b) 100%);
    --dv-cover-glow: rgba(var(--primary-rgb, 37, 99, 235), 0.42);
}

html[data-cover-style="deep"] {
    --dv-cover-bg: linear-gradient(165deg, #0f172a 0%, #111827 48%, var(--primary-dark, #1e293b) 100%);
    --dv-cover-glow: rgba(var(--primary-rgb, 37, 99, 235), 0.22);
}

html[data-cover-style="mesh"] {
    --dv-cover-bg:
        radial-gradient(circle at 18% 22%, var(--dv-accent) 0%, transparent 42%),
        radial-gradient(circle at 82% 78%, var(--primary-dark, #1e293b) 0%, #0f172a 58%),
        linear-gradient(145deg, #1e293b 0%, #0f172a 100%);
    --dv-cover-glow: rgba(var(--primary-rgb, 37, 99, 235), 0.4);
}

html[data-cover-style="solid"] {
    --dv-cover-bg: var(--primary-dark, #1e293b);
    --dv-cover-glow: rgba(var(--primary-rgb, 37, 99, 235), 0.2);
}

html[data-cover-style="slate"] {
    --dv-cover-bg: linear-gradient(145deg, #64748b 0%, #1f2937 100%);
    --dv-cover-glow: rgba(100, 116, 139, 0.28);
}

.project-cover.text-cover {
    background: var(--dv-cover-bg);
    color: var(--dv-cover-fg);
    text-shadow: 0 1px 12px rgba(15, 23, 42, 0.35);
}

.project-cover.text-cover::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: radial-gradient(ellipse at 50% 0%, var(--dv-cover-glow), transparent 62%);
    opacity: 0.85;
}

.project-cover.text-cover > * {
    position: relative;
    z-index: 1;
}

html[data-theme="dark"][data-cover-style="soft"] {
    --dv-cover-bg: linear-gradient(160deg, var(--dv-accent) 0%, var(--primary-dark, #1e293b) 55%, #020617 100%);
}

html[data-theme="dark"][data-cover-style="deep"] {
    --dv-cover-bg: linear-gradient(165deg, #020617 0%, #0b1220 50%, var(--primary-dark, #1e293b) 100%);
}