/* ==========================================================================
   IZzMy.Com - MOTEUR DE THÈMES CENTRALISÉ (Noyau Blindé 2026)
   75 Variations Consolider en un seul fichier
   ========================================================================== */

/* --- BASES COMMUNES --- */
body {
    transition: background 0.4s ease, color 0.4s ease;
    min-height: 100vh;
    background-color: var(--bg-color);
}

.card {
    border-radius: var(--radius, 12px);
    background: var(--card-bg, #ffffff);
    box-shadow: var(--shadow, 0 4px 15px rgba(0,0,0,0.05));
    color: var(--text-main);
    border: 1px solid var(--border-color, transparent);
    transition: all 0.3s ease;
}

/* ==========================================================================
   BLOC 1 : LES THÈMES SUR MESURE (02 à 05)
   ========================================================================== */

/* 02: Dark Crimson */
.theme-2 {
    --primary-color: #e63946; --primary-hover: #d62828; --bg-color: #1a1a1a;
    --card-bg: #2d2d2d; --text-main: #f1faee; --text-muted: #a8dadc;
    --border-color: #444444; --radius: 16px; --shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
}
.theme-2 .card { border: 1px solid rgba(230, 57, 70, 0.2); }
.theme-2 .section-header { color: var(--primary-color); text-shadow: 0 0 10px rgba(230, 57, 70, 0.3); }

/* 03: Ethereal Blue */
.theme-3 {
    --primary-color: #4895ef; --primary-hover: #4361ee; --bg-color: #edf2fb;
    --card-bg: #ffffff; --text-main: #2b2d42; --text-muted: #7b8ab8;
    --border-color: #d7e3fc; --radius: 20px; --shadow: 0 10px 30px rgba(72, 149, 239, 0.1);
}
.theme-3 .card { border: 1px solid rgba(215, 227, 252, 0.5); backdrop-filter: blur(10px); }
.theme-3 .profile-avatar { border: 4px solid #fff; outline: 2px solid var(--primary-color); }

/* 04: Night City / Cyber */
.theme-4 {
    --primary-color: #ccff00; --primary-hover: #adff2f; --bg-color: #0b0114;
    --card-bg: #12011b; --text-main: #ffffff; --text-muted: #b5179e;
    --border-color: #7209b7; --radius: 4px; --shadow: 0 0 20px rgba(114, 9, 183, 0.5);
}
.theme-4 .card { overflow: hidden; position: relative; border: 1px solid var(--border-color); }
.theme-4 .card::before {
    content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(rgba(18, 1, 27, 0) 50%, rgba(0, 0, 0, 0.2) 50%), 
                linear-gradient(90deg, rgba(255, 0, 0, 0.05), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.05));
    background-size: 100% 4px, 3px 100%; pointer-events: none; z-index: 1;
}

/* 05: Organic Earth */
.theme-5 {
    --primary-color: #bc6c25; --primary-hover: #dda15e; --bg-color: #ccd5ae;
    --card-bg: #fefae0; --text-main: #283618; --text-muted: #606c38;
    --border-color: #e9edc6; --radius: 30px; --shadow: 0 10px 20px rgba(40, 54, 24, 0.08);
}
.theme-5 .card { border: none; padding: 3rem 2rem; }
.theme-5 .btn-link { border-radius: 50px; }

/* ==========================================================================
   BLOC 2 : GLASSMORPHISM (06 à 15)
   ========================================================================== */
.theme-6 { --primary-color: #ffffff; --bg-color: #f0f2f5; --card-bg: rgba(255,255,255,0.4); --radius: 20px; --shadow: 0 8px 32px rgba(31,38,135,0.1); backdrop-filter: blur(10px); }
.theme-7 { --primary-color: #4361ee; --bg-color: #020617; --card-bg: rgba(15,23,42,0.6); --text-main: #f8fafc; --radius: 20px; backdrop-filter: blur(12px); }
.theme-8 { --primary-color: #00b4d8; --bg-color: #caf0f8; --card-bg: rgba(255,255,255,0.3); --radius: 25px; backdrop-filter: blur(8px); }
.theme-9 { --primary-color: #f72585; --bg-color: #3a0ca3; --card-bg: rgba(72,12,163,0.4); --text-main: #ffffff; --radius: 20px; backdrop-filter: blur(15px); }
.theme-10 { --primary-color: #ffbe0b; --bg-color: #fff1e6; --card-bg: rgba(255,255,255,0.5); --radius: 20px; backdrop-filter: blur(5px); }
.theme-11 { --primary-color: #06d6a0; --bg-color: #073b4c; --card-bg: rgba(17, 94, 89, 0.4); --text-main: #ffffff; --radius: 20px; backdrop-filter: blur(12px); }
.theme-12 { --primary-color: #3f37c9; --bg-color: #000000; --card-bg: rgba(63, 55, 201, 0.2); --text-main: #ffffff; --radius: 10px; backdrop-filter: blur(8px); }
.theme-13 { --primary-color: #ff8fab; --bg-color: #fb6f92; --card-bg: rgba(255, 255, 255, 0.4); --text-main: #2b2d42; --radius: 25px; backdrop-filter: blur(10px); }
.theme-14 { --primary-color: #94a3b8; --bg-color: #1e293b; --card-bg: rgba(255, 255, 255, 0.1); --text-main: #f1f5f9; --radius: 15px; backdrop-filter: blur(20px); }
.theme-15 { --primary-color: #4cc9f0; --bg-color: #480ca8; --card-bg: rgba(76, 201, 240, 0.2); --text-main: #ffffff; --radius: 30px; backdrop-filter: blur(15px); }

/* ==========================================================================
   BLOC 3 : SOBRE & CHIC (GOOGLE STYLE) (16 à 25)
   ========================================================================== */
.theme-16 { --primary-color: #1a73e8; --bg-color: #f8f9fa; --card-bg: #ffffff; --radius: 24px; --text-main: #202124; }
.theme-17 { --primary-color: #8ab4f8; --bg-color: #202124; --card-bg: #2d2e31; --radius: 24px; --text-main: #e8eaed; }
.theme-18 { --primary-color: #7c757e; --bg-color: #f4eff4; --card-bg: #fffbff; --radius: 16px; }
.theme-19 { --primary-color: #386a20; --bg-color: #f3f4e9; --card-bg: #ffffff; --radius: 28px; }
.theme-20 { --primary-color: #004a77; --bg-color: #d1e4ff; --card-bg: #ffffff; --radius: 24px; }
.theme-21 { --primary-color: #3f484a; --bg-color: #f5fafa; --card-bg: #ffffff; --text-main: #191c1d; --radius: 20px; }
.theme-22 { --primary-color: #dbe1ff; --bg-color: #1a1b23; --card-bg: #2f3038; --text-main: #e4e2e9; --radius: 24px; }
.theme-23 { --primary-color: #8f4c38; --bg-color: #fbeee8; --card-bg: #fffbff; --radius: 28px; --text-main: #201a18; }
.theme-24 { --primary-color: #6750a4; --bg-color: #f3efff; --card-bg: #ffffff; --radius: 24px; --text-main: #1d1b20; }
.theme-25 { --primary-color: #006874; --bg-color: #f0f1f1; --card-bg: #ffffff; --radius: 16px; --text-main: #001f24; }

/* ==========================================================================
   BLOC 4 : DOUX & MARSHMALLOW (26 à 35)
   ========================================================================== */
.theme-26 { --primary-color: #ffafcc; --bg-color: #fdf0d5; --card-bg: #ffffff; --radius: 40px; --text-main: #6d597a; }
.theme-27 { --primary-color: #bde0fe; --bg-color: #f1f8ff; --card-bg: #ffffff; --radius: 40px; }
.theme-28 { --primary-color: #cdb4db; --bg-color: #f8f4ff; --card-bg: #ffffff; --radius: 40px; }
.theme-29 { --primary-color: #a2d2ff; --bg-color: #e9f5ff; --card-bg: #ffffff; --radius: 40px; }
.theme-30 { --primary-color: #ffc8dd; --bg-color: #fff5f8; --card-bg: #ffffff; --radius: 40px; }
.theme-31 { --primary-color: #b9fbc0; --bg-color: #f0fff4; --card-bg: #ffffff; --text-main: #2d6a4f; --radius: 40px; --shadow: 0 10px 20px rgba(185, 251, 192, 0.2); }
.theme-32 { --primary-color: #ffcfd2; --bg-color: #fff8f8; --card-bg: #ffffff; --text-main: #a44a3f; --radius: 40px; }
.theme-33 { --primary-color: #fcf6bd; --bg-color: #fffdf0; --card-bg: #ffffff; --text-main: #8d7b46; --radius: 40px; }
.theme-34 { --primary-color: #d0d1ff; --bg-color: #f5f5ff; --card-bg: #ffffff; --text-main: #5a5a8f; --radius: 40px; }
.theme-35 { --primary-color: #9bf6ff; --bg-color: #f0fdff; --card-bg: #ffffff; --text-main: #0077b6; --radius: 40px; }

/* ==========================================================================
   BLOC 5 : ADULTE & NUDE CHIC (36 à 45)
   ========================================================================== */
.theme-36 { --primary-color: #ff85a1; --bg-color: #fff0f3; --card-bg: #ffffff; --radius: 12px; --text-main: #2b2d42; }
.theme-37 { --primary-color: #ff4d6d; --bg-color: #1a0a0d; --card-bg: #2d161a; --radius: 12px; --text-main: #ffccd5; }
.theme-38 { --primary-color: #ffb3c1; --bg-color: #f8edeb; --card-bg: #ffffff; --text-main: #594157; }
.theme-39 { --primary-color: #c9184a; --bg-color: #fff0f3; --card-bg: #ffffff; --text-main: #800f2f; }
.theme-40 { --primary-color: #ffb5a7; --bg-color: #fcd5ce; --card-bg: #ffffff; --text-main: #4a4e69; }
.theme-41 { --primary-color: #f8ad9d; --bg-color: #fbc4ab; --card-bg: #ffffff; --text-main: #3d3130; --radius: 18px; }
.theme-42 { --primary-color: #ffb3c1; --bg-color: #250902; --card-bg: #38040e; --text-main: #ffe5ec; --radius: 12px; }
.theme-43 { --primary-color: #a47148; --bg-color: #edede9; --card-bg: #ffffff; --text-main: #251605; --radius: 15px; }
.theme-44 { --primary-color: #b79ced; --bg-color: #f8f7ff; --card-bg: #ffffff; --text-main: #240046; --radius: 20px; }
.theme-45 { --primary-color: #9d8189; --bg-color: #ffe5d9; --card-bg: #ffffff; --text-main: #432818; --radius: 25px; }

/* ==========================================================================
   BLOC 6 : LEADERS & SOCIAUX (46 à 65)
   ========================================================================== */
.theme-46 { --primary-color: #25D366; --bg-color: #f3f3f1; --card-bg: #ffffff; --radius: 0px; } 
.theme-47 { --primary-color: #000000; --bg-color: #ffffff; --card-bg: #ffffff; --radius: 50px; } 
.theme-48 { --primary-color: #5a67d8; --bg-color: #f7fafc; --card-bg: #ffffff; --radius: 12px; } 
.theme-50 { --primary-color: #4f46e5; --bg-color: #f8fafc; --card-bg: #ffffff; --text-main: #1e293b; --radius: 12px; }
.theme-51 { --primary-color: #ffffff; --bg-color: linear-gradient(135deg, #667eea 0%, #764ba2 100%); --card-bg: rgba(255, 255, 255, 0.15); --text-main: #ffffff; --radius: 16px; backdrop-filter: blur(10px); }
.theme-56 { --primary-color: #e1306c; --bg-color: #ffffff; --radius: 20px; } /* Instagram */
.theme-58 { --primary-color: #ffffff; --bg-color: #000000; --card-bg: #1a1a1a; --text-main: #ffffff; } /* X */
.theme-59 { --primary-color: #00f2ea; --bg-color: #000000; --card-bg: #121212; --shadow: 0 0 10px #ff0050; } /* TikTok */
.theme-62 { --primary-color: #9146ff; --bg-color: #0e0e10; --card-bg: #18181b; --text-main: #efeff1; } /* Twitch */

/* ==========================================================================
   BLOC 7 : BRUTALISME & CONTRASTE (66 à 75)
   ========================================================================== */
.theme-66 { --primary-color: #ffff00; --bg-color: #f0f0f0; --card-bg: #ffffff; --radius: 0px; --shadow: 8px 8px 0px #000000; border: 3px solid #000; }
.theme-68 { --primary-color: #0000ff; --bg-color: #ffffff; --card-bg: #ffff00; --radius: 0px; --shadow: 10px 10px 0px #000000; border: 4px solid #000; }
.theme-69 { --primary-color: #000000; --bg-color: #ff0000; --card-bg: #ffffff; --text-main: #000000; --radius: 0px; --shadow: 6px 6px 0px #000000; border: 3px solid #000; }
.theme-70 { --primary-color: #00ff00; --bg-color: #000000; --card-bg: #000000; --text-main: #00ff00; --radius: 0px; border: 2px solid #00ff00; --shadow: 5px 5px 0px #00ff00; }
.theme-73 { --primary-color: #000000; --bg-color: #ffffff; --card-bg: #ffffff; --text-main: #000000; --radius: 0px; --shadow: 15px 15px 0px #000000; border: 5px solid #000; }
.theme-75 { --primary-color: #ffcc00; --bg-color: #1a1a1a; --card-bg: #1a1a1a; --text-main: #ffcc00; --radius: 0px; border: 4px dashed #ffcc00; }