/* ==========================================================
   Tweeloads Blog Pro — 10 built-in color-scheme themes
   Each theme only defines CSS custom properties; all layout/
   structure rules live in style.css.
   ========================================================== */

/* 1. Classic Blue (default) */
.twl-blog-wrap.twl-theme-classic-blue {
    --twl-bg: #EEF1F8;
    --twl-card-bg: #FFFFFF;
    --twl-border: #E2E6F0;
    --twl-primary: #2451F5;
    --twl-primary-tint: #E9EDFC;
    --twl-heading: #10162B;
    --twl-text: #1E2433;
    --twl-text-muted: #64708A;
    --twl-text-faint: #8891A5;
    --twl-badge-bg: #FFFFFF;
    --twl-badge-text: #10162B;
    --twl-accent-gradient: linear-gradient(135deg, #2451F5, #10162B);
}

/* 2. Midnight Dark */
.twl-blog-wrap.twl-theme-midnight-dark {
    --twl-bg: #0B0F19;
    --twl-card-bg: #141B2D;
    --twl-border: #232C42;
    --twl-primary: #5B8CFF;
    --twl-primary-tint: #1C2740;
    --twl-heading: #FFFFFF;
    --twl-text: #E4E8F2;
    --twl-text-muted: #9AA4BE;
    --twl-text-faint: #6C7896;
    --twl-badge-bg: #1C2740;
    --twl-badge-text: #5B8CFF;
    --twl-accent-gradient: linear-gradient(135deg, #5B8CFF, #0B0F19);
}

/* 3. Sunset Gradient */
.twl-blog-wrap.twl-theme-sunset-gradient {
    --twl-bg: #FFF3EC;
    --twl-card-bg: #FFFFFF;
    --twl-border: #FADCC9;
    --twl-primary: #FF6B4A;
    --twl-primary-tint: #FFE6DC;
    --twl-heading: #7A2E1D;
    --twl-text: #4A2A1E;
    --twl-text-muted: #9A6B57;
    --twl-text-faint: #C0917B;
    --twl-badge-bg: #FFFFFF;
    --twl-badge-text: #FF6B4A;
    --twl-accent-gradient: linear-gradient(135deg, #FF6B4A, #FFB347);
}

/* 4. Emerald Fresh */
.twl-blog-wrap.twl-theme-emerald-fresh {
    --twl-bg: #ECFBF3;
    --twl-card-bg: #FFFFFF;
    --twl-border: #C9F0DA;
    --twl-primary: #12B76A;
    --twl-primary-tint: #DCF6E9;
    --twl-heading: #0B3B27;
    --twl-text: #12331F;
    --twl-text-muted: #567A67;
    --twl-text-faint: #7FA491;
    --twl-badge-bg: #FFFFFF;
    --twl-badge-text: #0B3B27;
    --twl-accent-gradient: linear-gradient(135deg, #12B76A, #0B3B27);
}

/* 5. Royal Purple */
.twl-blog-wrap.twl-theme-royal-purple {
    --twl-bg: #F3EFFD;
    --twl-card-bg: #FFFFFF;
    --twl-border: #E1D6FA;
    --twl-primary: #7C3AED;
    --twl-primary-tint: #EDE4FD;
    --twl-heading: #241242;
    --twl-text: #2E1A4D;
    --twl-text-muted: #7B6693;
    --twl-text-faint: #A491BE;
    --twl-badge-bg: #FFFFFF;
    --twl-badge-text: #7C3AED;
    --twl-accent-gradient: linear-gradient(135deg, #7C3AED, #241242);
}

/* 6. Minimal Mono */
.twl-blog-wrap.twl-theme-minimal-mono {
    --twl-bg: #F5F5F5;
    --twl-card-bg: #FFFFFF;
    --twl-border: #E4E4E4;
    --twl-primary: #111111;
    --twl-primary-tint: #EDEDED;
    --twl-heading: #111111;
    --twl-text: #222222;
    --twl-text-muted: #6B6B6B;
    --twl-text-faint: #9B9B9B;
    --twl-badge-bg: #111111;
    --twl-badge-text: #FFFFFF;
    --twl-accent-gradient: linear-gradient(135deg, #444444, #111111);
}

/* 7. Rose Blush */
.twl-blog-wrap.twl-theme-rose-blush {
    --twl-bg: #FFF1F4;
    --twl-card-bg: #FFFFFF;
    --twl-border: #FAD3DE;
    --twl-primary: #E11D74;
    --twl-primary-tint: #FCE1EC;
    --twl-heading: #4A1224;
    --twl-text: #4A1224;
    --twl-text-muted: #97677A;
    --twl-text-faint: #C295A5;
    --twl-badge-bg: #FFFFFF;
    --twl-badge-text: #E11D74;
    --twl-accent-gradient: linear-gradient(135deg, #E11D74, #4A1224);
}

/* 8. Ocean Teal */
.twl-blog-wrap.twl-theme-ocean-teal {
    --twl-bg: #EAFBFC;
    --twl-card-bg: #FFFFFF;
    --twl-border: #C4EFF1;
    --twl-primary: #0E9AA7;
    --twl-primary-tint: #DAF4F6;
    --twl-heading: #0A3D40;
    --twl-text: #103C3F;
    --twl-text-muted: #5C8A8D;
    --twl-text-faint: #8FB4B6;
    --twl-badge-bg: #FFFFFF;
    --twl-badge-text: #0E9AA7;
    --twl-accent-gradient: linear-gradient(135deg, #0E9AA7, #0A3D40);
}

/* 9. Corporate Navy */
.twl-blog-wrap.twl-theme-corporate-navy {
    --twl-bg: #F0F3F8;
    --twl-card-bg: #FFFFFF;
    --twl-border: #DCE2ED;
    --twl-primary: #0B3D91;
    --twl-primary-tint: #E1E9F7;
    --twl-heading: #0A1A33;
    --twl-text: #1A2740;
    --twl-text-muted: #5C6B85;
    --twl-text-faint: #8C99B3;
    --twl-badge-bg: #FFFFFF;
    --twl-badge-text: #0B3D91;
    --twl-accent-gradient: linear-gradient(135deg, #0B3D91, #0A1A33);
}

/* 10. Neon Cyber */
.twl-blog-wrap.twl-theme-neon-cyber {
    --twl-bg: #0A0A0F;
    --twl-card-bg: #14141F;
    --twl-border: #262638;
    --twl-primary: #00F0FF;
    --twl-primary-tint: #10262A;
    --twl-heading: #FFFFFF;
    --twl-text: #E7E7F5;
    --twl-text-muted: #9A9AB8;
    --twl-text-faint: #6E6E8F;
    --twl-badge-bg: #1B1B2B;
    --twl-badge-text: #FF2ED1;
    --twl-accent-gradient: linear-gradient(135deg, #00F0FF, #FF2ED1);
}