/* ═══════════════════════════════════════════════════════ EDERLÉ FORMATION — Theme overrides Usage : Default (no attribute) = EDERLÉ FORMATION branding (vert/lime) ═══════════════════════════════════════════════════════ */ /* ── A1 · SaaS Premium · white / navy / Inter ────────── */ [data-theme="a1"] { --emerald: #0d1b3e; --emerald-light: #162352; --lime: #2563eb; --orange: #2563eb; --orange-light: #3b82f6; --cream: #ffffff; --sand: #f7f8fc; --charcoal: #0d1b3e; --slate: #6b7280; --font-heading: 'Inter', sans-serif; --font-body: 'Inter', sans-serif; } [data-theme="a1"] .efv-h1 { letter-spacing: -0.03em; font-weight: 800; } [data-theme="a1"] .efv-h2 { letter-spacing: -0.02em; } [data-theme="a1"] .efv-badge--lime { color: #2563eb; } /* ── A2 · Bold Dark · dark / Syne / indigo ───────────── */ [data-theme="a2"] { --emerald: #09090e; --emerald-light: #0f0f17; --lime: #5b6ef5; --orange: #5b6ef5; --orange-light: #8b97ff; --cream: #09090e; --sand: #0f0f17; --charcoal: #f0f0f5; --slate: #a0a0b8; --font-heading: 'Syne', sans-serif; --font-body: 'Syne', sans-serif; } [data-theme="a2"] body { background: #09090e; } [data-theme="a2"] a { color: #8b97ff; } [data-theme="a2"] .efv-section--alt, [data-theme="a2"] .efv-feature, [data-theme="a2"] .efv-formation, [data-theme="a2"] .efv-stat { background: #12121d; } [data-theme="a2"] .efv-h2, [data-theme="a2"] .efv-feature h3, [data-theme="a2"] .efv-formation h3 { color: #8b97ff; } [data-theme="a2"] .efv-stat strong { color: #8b97ff; } [data-theme="a2"] .efv-stat { border-bottom-color: #5b6ef5; } [data-theme="a2"] .efv-stat:hover { border-bottom-color: #8b97ff; } [data-theme="a2"] .efv-eyebrow { color: #8b97ff; border-left-color: #5b6ef5; } [data-theme="a2"] .efv-feature:hover, [data-theme="a2"] .efv-formation:hover { box-shadow: 0 18px 38px rgba(91,110,245,.2); } [data-theme="a2"] .efv-badge--lime { background: rgba(91,110,245,.15); color: #8b97ff; } [data-theme="a2"] body::before { content: ''; position: fixed; inset: 0; z-index: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size: 80px 80px; } /* ── A3 · Warm Human · beige / coral / Plus Jakarta Sans */ [data-theme="a3"] { --emerald: #1a1714; --emerald-light: #2a2218; --lime: #e85a3a; --orange: #e85a3a; --orange-light: #c7402a; --cream: #fdfcfa; --sand: #f5f0e8; --charcoal: #1a1714; --slate: #4a4540; --font-heading: 'Plus Jakarta Sans', sans-serif; --font-body: 'Plus Jakarta Sans', sans-serif; } [data-theme="a3"] .efv-h1 { letter-spacing: -0.02em; font-weight: 800; } [data-theme="a3"] .efv-h2 { letter-spacing: -0.015em; } [data-theme="a3"] .efv-badge--lime { background: rgba(232,90,58,.12); color: #c7402a; } [data-theme="a3"] ::selection { background: #fde8e3; color: var(--orange); } /* ── B1 · Éditorial · papier / rouille / Fraunces ───── */ [data-theme="b1"] { --emerald: #1a1611; --emerald-light: #2a2018; --lime: #c44d2a; --orange: #c44d2a; --orange-light: #8a3217; --cream: #f4eee2; --sand: #ebe2cf; --charcoal: #1a1611; --slate: #3d342a; --white: #f9f5ed; --font-heading: 'Fraunces', serif; --font-body: 'Inter', sans-serif; } [data-theme="b1"] .efv-h1 { font-style: italic; font-weight: 300; letter-spacing: -0.01em; } [data-theme="b1"] .efv-h2 { font-style: italic; letter-spacing: -0.01em; } [data-theme="b1"] .efv-eyebrow { color: #c89e3f; border-left-color: #c89e3f; } [data-theme="b1"] .efv-feature h3, [data-theme="b1"] .efv-formation h3 { color: #c44d2a; } [data-theme="b1"] .efv-stat strong { color: #c44d2a; } [data-theme="b1"] .efv-badge--lime { background: rgba(196,77,42,.12); color: #c44d2a; } [data-theme="b1"] .efv-feature:hover { box-shadow: 0 18px 38px rgba(26,22,17,.12); } [data-theme="b1"] body::before { content: ''; position: fixed; inset: 0; z-index: 9999; pointer-events: none; opacity: 0.035; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); } /* ── B2 · Tech Cyberpunk · noir / néon / JetBrains ───── */ [data-theme="b2"] { --emerald: #0a0a0f; --emerald-light: #0f0f17; --lime: #c8ff00; --orange: #c8ff00; --orange-light: #d4ff33; --cream: #0a0a0f; --sand: #0f0f17; --charcoal: #e8e8ed; --slate: #8b8b96; --font-heading: 'Syne', sans-serif; --font-body: 'JetBrains Mono', monospace; } [data-theme="b2"] body { background: #0a0a0f; font-size: 14px; } [data-theme="b2"] a { color: #c8ff00; } [data-theme="b2"] .efv-btn--primary { color: #0a0a0f; } [data-theme="b2"] .efv-section--alt, [data-theme="b2"] .efv-feature, [data-theme="b2"] .efv-formation, [data-theme="b2"] .efv-stat { background: #15151f; } [data-theme="b2"] .efv-h2, [data-theme="b2"] .efv-feature h3, [data-theme="b2"] .efv-formation h3 { color: #c8ff00; } [data-theme="b2"] .efv-stat strong { color: #c8ff00; } [data-theme="b2"] .efv-stat { border-bottom-color: #c8ff00; } [data-theme="b2"] .efv-stat:hover { border-bottom-color: #d4ff33; } [data-theme="b2"] .efv-eyebrow { color: #c8ff00; border-left-color: #c8ff00; } [data-theme="b2"] .efv-badge--lime { background: rgba(200,255,0,.1); color: #c8ff00; } [data-theme="b2"] .efv-feature:hover, [data-theme="b2"] .efv-formation:hover { box-shadow: 0 12px 32px rgba(200,255,0,.12); } [data-theme="b2"] ::selection { background: #c8ff00; color: #0a0a0f; } [data-theme="b2"] body::before { content: ''; position: fixed; inset: 0; z-index: 0; pointer-events: none; background-image: linear-gradient(rgba(200,255,0,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(200,255,0,.025) 1px, transparent 1px); background-size: 60px 60px; } /* ── B3 · Kinétique & Vibrant · crème / orange / Boldonse */ [data-theme="b3"] { --emerald: #15140f; --emerald-light: #1e1c14; --lime: #c7f255; --orange: #ff5a1f; --orange-light: #e84f18; --cream: #fff8ec; --sand: #ffe8c2; --charcoal: #15140f; --slate: #4a4836; --white: #fffdf5; --font-heading: 'Boldonse', sans-serif; --font-body: 'Inter Tight', sans-serif; } [data-theme="b3"] .efv-h1 { letter-spacing: -0.02em; } [data-theme="b3"] .efv-h2 { letter-spacing: -0.01em; } [data-theme="b3"] .efv-stat strong { color: var(--orange); } [data-theme="b3"] .efv-badge--lime { background: rgba(199,242,85,.3); color: #3a5a10; } [data-theme="b3"] ::selection { background: var(--lime); color: var(--charcoal); }