/* ─── Lofi Brand Theme ──────────────────────────────────────────────── */
/* Cream: #EDE1CB | Dark: #1a1a1a | Red: #FF5B5C | Text: #f5f0e8         */

:root.theme-lofi {
    /* Lofi Color Palette */
    --bg-dark: #1a1710;
    --bg-card: rgba(225, 209, 185, 0.08);
    --bg-card-hover: rgba(225, 209, 185, 0.12);
    --border-color: rgba(237, 225, 203, 0.15);

    --primary: #EDE1CB; /* Cream */
    --primary-glow: rgba(237, 225, 203, 0.2);
    --secondary: #FF5B5C; /* Red accent */
    --accent: #d4af37; /* Gold */

    --text-primary: #f0ebe0;
    --text-secondary: #c9bfad;
    --text-muted: #a49980;

    /* Typography */
    --font-heading: "Outfit", sans-serif;
    --font-body: "Inter", sans-serif;

    /* Spacing & Layout */
    --container-max: 1200px;
    --nav-height: 80px;

    /* Transitions */
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    /* Radii */
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-full: 9999px;
}

/* Lofi background blob */
:root.theme-lofi .blob-bg {
    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(237, 225, 203, 0.06) 0%,
            transparent 50%
        ),
        radial-gradient(
            circle at 80% 20%,
            rgba(255, 91, 92, 0.06) 0%,
            transparent 40%
        );
}

/* Lofi dropdown */
:root.theme-lofi .theme-dropdown {
    background: #201e18;
    border: 1px solid rgba(237, 225, 203, 0.15);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}

:root.theme-lofi .theme-option:hover {
    background: rgba(237, 225, 203, 0.08);
}