:root {
    --default-bg: #121212;
    --second-default-bg: #171717;
    --flowos-accent: #fe735b;
    --text: #eaeaea;
    --ihcard-bg:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)),
        rgba(18, 18, 18, 0.9);



    --theme-flowos-default:
        radial-gradient(circle at top left, rgba(255, 184, 108, 0.16), transparent 24%),
        radial-gradient(circle at bottom right, rgba(255, 99, 132, 0.14), transparent 28%),
        linear-gradient(
            160deg,
            #121212 0%,
            #161616 38%,
            #1b1717 68%,
            #2a1916 84%,
            #fe735b 100%
        );

    --theme-flowos-sunset:
        radial-gradient(circle at top left, rgba(255, 184, 108, 0.28), transparent 26%),
        radial-gradient(circle at bottom right, rgba(255, 99, 132, 0.24), transparent 30%),
        linear-gradient(135deg, #2a1b3d 0%, #44318d 45%, #d83f87 100%);

    --theme-flowos-aurora:
        radial-gradient(circle at top center, rgba(34, 211, 238, 0.22), transparent 25%),
        radial-gradient(circle at left bottom, rgba(16, 185, 129, 0.20), transparent 24%),
        linear-gradient(135deg, #08121f 0%, #0f3460 48%, #16213e 100%);

    --theme-flowos-deep-space:
        radial-gradient(circle at top right, rgba(168, 85, 247, 0.20), transparent 24%),
        radial-gradient(circle at bottom left, rgba(59, 130, 246, 0.18), transparent 26%),
        linear-gradient(135deg, #020617 0%, #0b1120 40%, #111827 100%);

    --theme-flowos-special-rozee-bg: url('/img/Rozee2.jpg');
    --theme-flowos-special-rozee: url('/img/Rozee.png');
}


.wallpaper-flowos-default {
    background: var(--theme-flowos-default);
}
.thumb-flowos-default {
    background: var(--theme-flowos-default);
}


.wallpaper-sunset {
    background: var(--theme-flowos-sunset);
}
.thumb-sunset {
    background: var(--theme-flowos-sunset);
}


.wallpaper-aurora {
    background: var(--theme-flowos-aurora);
}
.thumb-aurora {
    background: var(--theme-flowos-aurora);
}



.wallpaper-deep-space {
    background: var(--theme-flowos-deep-space);
}
.thumb-deep-space {
    background: var(--theme-flowos-deep-space);
}



.wallpaper-special-rozee {
    min-height: 100vh;
    background-image: var(--theme-flowos-special-rozee-bg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.thumb-special-rozee {
    background-image: var(--theme-flowos-special-rozee);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}