/* ═══════════════════════════════════════════════════════════ THE HIERARCHY — Light Theme · Ivory Edition Deluxe Activé via [data-theme="light"] sur . Palette éditoriale premium — inspiré FT, Linear, Stripe. ═══════════════════════════════════════════════════════════ */ /* ── 1. Variables ──────────────────────────────────────────── */ [data-theme="light"] { --bg: #FEFCF6; --bg2: #F5F2EA; --bg3: #EAE6DA; --text: #1C1814; --text-dim: rgba(28,24,20,0.78); --text-muted: rgba(28,24,20,0.62); --gold: #9B7B18; --gold-dim: rgba(155,123,24,0.68); --gold-faint: rgba(155,123,24,0.07); --border: rgba(28,24,20,0.09); --border-bright: rgba(155,123,24,0.28); --green: #1A6B35; --red: #BC1B1B; /* Shadows pour le thème clair */ --shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 2px 8px rgba(0,0,0,0.04); --shadow-md: 0 4px 12px rgba(0,0,0,0.08), 0 1px 3px rgba(0,0,0,0.05); --shadow-lg: 0 8px 28px rgba(0,0,0,0.1), 0 2px 6px rgba(0,0,0,0.06); color-scheme: light; /* ── Typography weights (light compensation) ── */ --lw-body: 400; --lw-text: 500; --lw-heading: 700; --lw-label: 700; --lw-display: 700; } /* ── 2. Base & body ────────────────────────────────────────── */ [data-theme="light"] body { background: #FEFCF6 !important; color: #1C1814 !important; font-weight: 400 !important; font-size: 15px !important; line-height: 1.65 !important; letter-spacing: 0.01em !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } [data-theme="light"] ::selection { background: rgba(155,123,24,0.18); color: #1C1814; } [data-theme="light"] ::-webkit-scrollbar { background: #F0EDE4; } [data-theme="light"] ::-webkit-scrollbar-thumb { background: rgba(155,123,24,0.22); border-radius: 4px; } [data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: rgba(155,123,24,0.38); } /* Désactiver le grain et effets dramatiques */ [data-theme="light"] body::before { opacity: 0.015 !important; } [data-theme="light"] .skip-link { background: #9B7B18; color: #fff; } /* ── Paper grain — subtle texture for light mode ── */ [data-theme="light"] body::before { content: ''; position: fixed; inset: 0; z-index: 0; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E"); opacity: 0.35 !important; } [data-theme="light"] body::after { content: ''; position: fixed; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(ellipse 70% 55% at 50% 35%, rgba(155,123,24,0.04) 0%, transparent 70%) !important; opacity: 1 !important; } [data-theme="light"] .scanline { display: none !important; } /* ── 3. Sidebar ────────────────────────────────────────────── */ [data-theme="light"] .sidebar { background: #F5F2EA !important; border-right: 1px solid rgba(28,24,20,0.09) !important; box-shadow: 2px 0 12px rgba(0,0,0,0.04) !important; } [data-theme="light"] .sidebar-brand { border-bottom-color: rgba(28,24,20,0.08) !important; } [data-theme="light"] .sidebar-brand a, [data-theme="light"] .sidebar-brand > a { color: #1C1814 !important; } [data-theme="light"] .sidebar-brand p, [data-theme="light"] .sidebar-subtitle { color: rgba(28,24,20,0.65) !important; } [data-theme="light"] .nav-section { color: rgba(28,24,20,0.65) !important; font-weight: 700 !important; letter-spacing: 3px !important; } [data-theme="light"] .nav-item { color: rgba(28,24,20,0.70) !important; font-weight: 500 !important; } [data-theme="light"] .nav-item:hover { color: #1C1814 !important; background: rgba(155,123,24,0.07) !important; } [data-theme="light"] .nav-item.active { color: #9B7B18 !important; background: rgba(155,123,24,0.11) !important; border-left-color: #9B7B18 !important; } [data-theme="light"] .sidebar-user { border-top-color: rgba(28,24,20,0.08) !important; background: transparent !important; } [data-theme="light"] .user-name { color: #1C1814 !important; font-weight: 700 !important; } [data-theme="light"] .user-rank-label { color: rgba(28,24,20,0.64) !important; font-weight: 500 !important; } [data-theme="light"] .user-avatar { background: rgba(155,123,24,0.1) !important; color: #9B7B18 !important; border-color: rgba(155,123,24,0.3) !important; } /* ── 4. Topbar ─────────────────────────────────────────────── */ [data-theme="light"] .topbar { background: rgba(254,252,246,0.97) !important; border-bottom: 1px solid rgba(28,24,20,0.08) !important; backdrop-filter: blur(12px) !important; } [data-theme="light"] .topbar-title { color: #1C1814 !important; font-size: 18px !important; font-weight: 700 !important; } [data-theme="light"] .topbar-greeting { color: #1C1814 !important; font-size: 15px !important; font-weight: 500 !important; } [data-theme="light"] .topbar-date { color: rgba(28,24,20,0.64) !important; font-size: 13px !important; } [data-theme="light"] .topbar-btn { color: rgba(28,24,20,0.70) !important; border-color: rgba(28,24,20,0.12) !important; background: transparent !important; } [data-theme="light"] .topbar-btn:hover { color: #9B7B18 !important; border-color: rgba(155,123,24,0.4) !important; background: rgba(155,123,24,0.05) !important; } /* ── 5. Mobile nav ─────────────────────────────────────────── */ [data-theme="light"] .mobile-nav { background: rgba(254,252,246,0.98) !important; border-top: 1px solid rgba(28,24,20,0.08) !important; backdrop-filter: blur(12px) !important; } [data-theme="light"] .mobile-nav-item { color: rgba(28,24,20,0.64) !important; } [data-theme="light"] .mobile-nav-item.active { color: #9B7B18 !important; } /* ── 6. Main content ───────────────────────────────────────── */ [data-theme="light"] .main { background: #FEFCF6 !important; } [data-theme="light"] .content { background: transparent !important; } [data-theme="light"] section { background: transparent !important; } /* ── 7. Cards — elevation au lieu de simples bordures ───────── */ [data-theme="light"] .card, [data-theme="light"] .glass, [data-theme="light"] .settings-section, [data-theme="light"] .dash-card, [data-theme="light"] .stat-card, [data-theme="light"] .profile-card, [data-theme="light"] .pillar-card, [data-theme="light"] .clan-card, [data-theme="light"] .journal-card, [data-theme="light"] .discover-card, [data-theme="light"] .member-card, [data-theme="light"] .feed-card, [data-theme="light"] .reckoning-card, [data-theme="light"] .achievement-card, [data-theme="light"] .reckoning-box, [data-theme="light"] .declaration-box, [data-theme="light"] .status-banner { background: #FFFFFF !important; border: 1px solid rgba(28,24,20,0.07) !important; box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 4px 14px rgba(0,0,0,0.04) !important; } /* Landing page cards */ [data-theme="light"] .rank-card { background: #FFFFFF !important; border: 1px solid rgba(28,24,20,0.07) !important; box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important; } [data-theme="light"] .rank-card:hover { border-color: rgba(155,123,24,0.22) !important; box-shadow: 0 4px 16px rgba(0,0,0,0.08), 0 0 0 1px rgba(155,123,24,0.12) !important; transform: translateY(-3px) !important; } [data-theme="light"] .step-card { background: #FFFFFF !important; border: 1px solid rgba(28,24,20,0.07) !important; box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important; } [data-theme="light"] .step-card:hover { border-color: rgba(155,123,24,0.2) !important; box-shadow: 0 6px 20px rgba(0,0,0,0.08) !important; } [data-theme="light"] .feature-card { background: #FFFFFF !important; border: 1px solid rgba(28,24,20,0.07) !important; box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important; } [data-theme="light"] .feature-card:hover { border-color: rgba(155,123,24,0.18) !important; box-shadow: 0 6px 20px rgba(0,0,0,0.07) !important; } [data-theme="light"] .faq-item { background: #FFFFFF !important; border: 1px solid rgba(28,24,20,0.07) !important; box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important; } [data-theme="light"] .faq-item[open] { border-color: rgba(155,123,24,0.18) !important; } [data-theme="light"] .manifesto-quote { background: #FBF8F0 !important; border: 1px solid rgba(155,123,24,0.15) !important; border-left: 3px solid rgba(155,123,24,0.5) !important; } /* ── 8. Textes & labels ────────────────────────────────────── */ [data-theme="light"] .section-title { color: #1C1814 !important; border-bottom-color: rgba(28,24,20,0.08) !important; } [data-theme="light"] .section-title-danger { color: #BC1B1B !important; } [data-theme="light"] .section-label, [data-theme="light"] .feat-label { color: #9B7B18 !important; font-size: 12px !important; letter-spacing: 5px !important; font-weight: 700 !important; } [data-theme="light"] .section-sub, [data-theme="light"] .section-intro, [data-theme="light"] .section-desc { color: rgba(28,24,20,0.80) !important; font-weight: 500 !important; font-size: clamp(15px, 1.3vw, 18px) !important; line-height: 1.8 !important; } [data-theme="light"] .section-heading, [data-theme="light"] .section-title { color: #1C1814 !important; } [data-theme="light"] .card-label { color: rgba(28,24,20,0.67) !important; } [data-theme="light"] .card-label-action { color: #9B7B18 !important; } /* Rank & KPI cards */ [data-theme="light"] .rank-level { color: #9B7B18 !important; font-weight: 700 !important; } [data-theme="light"] .rank-title { color: #1C1814 !important; font-size: clamp(14px, 1.2vw, 19px) !important; font-weight: 700 !important; } [data-theme="light"] .rank-pts { color: rgba(28,24,20,0.70) !important; font-weight: 500 !important; } [data-theme="light"] .rank-desc { color: rgba(28,24,20,0.73) !important; border-top-color: rgba(28,24,20,0.08) !important; font-weight: 500 !important; font-size: clamp(13px, 1vw, 15px) !important; line-height: 1.75 !important; } [data-theme="light"] .rank-name { color: #1C1814 !important; } [data-theme="light"] .step-num { color: #9B7B18 !important; } [data-theme="light"] .step-title { color: #1C1814 !important; font-size: clamp(15px, 1.3vw, 21px) !important; font-weight: 700 !important; } [data-theme="light"] .step-body { color: rgba(28,24,20,0.77) !important; font-weight: 500 !important; font-size: clamp(14px, 1.1vw, 17px) !important; line-height: 1.85 !important; } [data-theme="light"] .step-icon { color: rgba(155,123,24,0.55) !important; } [data-theme="light"] .feature-icon { color: #9B7B18 !important; } [data-theme="light"] .feature-title { color: #1C1814 !important; font-size: clamp(14px, 1.2vw, 18px) !important; font-weight: 700 !important; } [data-theme="light"] .feature-body { color: rgba(28,24,20,0.77) !important; font-weight: 500 !important; font-size: clamp(14px, 1.1vw, 16px) !important; line-height: 1.85 !important; } [data-theme="light"] .manifesto-line { color: #1C1814 !important; } [data-theme="light"] .manifesto-line.small { color: rgba(28,24,20,0.73) !important; font-weight: 700 !important; line-height: 1.85 !important; } [data-theme="light"] .manifesto-quote p { color: rgba(28,24,20,0.77) !important; font-weight: 500 !important; line-height: 2 !important; } [data-theme="light"] .manifesto-attr { color: rgba(155,123,24,0.65) !important; } [data-theme="light"] .faq-q { color: #1C1814 !important; font-size: clamp(14px, 1.1vw, 17px) !important; font-weight: 700 !important; } [data-theme="light"] .faq-q:hover { color: #9B7B18 !important; } [data-theme="light"] .faq-a { color: rgba(28,24,20,0.77) !important; border-top-color: rgba(28,24,20,0.07) !important; font-weight: 500 !important; font-size: clamp(14px, 1.05vw, 16px) !important; line-height: 1.9 !important; } [data-theme="light"] .trust-item { color: rgba(28,24,20,0.73) !important; font-weight: 500 !important; letter-spacing: 1.5px !important; } /* Hero section */ [data-theme="light"] #hero { background: linear-gradient(180deg, #FEFCF6 0%, #F9F6EE 100%) !important; } [data-theme="light"] .hero-label { color: #9B7B18 !important; letter-spacing: 5px !important; } [data-theme="light"] .hero-title { color: rgba(28,24,20,0.67) !important; text-shadow: none !important; animation: none !important; } [data-theme="light"] .hero-tagline { color: rgba(28,24,20,0.75) !important; font-weight: 500 !important; font-size: clamp(15px, 1.4vw, 19px) !important; line-height: 1.7 !important; } [data-theme="light"] .hero-signin-link { color: rgba(28,24,20,0.64) !important; letter-spacing: 2px !important; } [data-theme="light"] .hero-signin-link:hover { color: #9B7B18 !important; } [data-theme="light"] .email-note { color: rgba(28,24,20,0.65) !important; letter-spacing: 2px !important; } /* Nav landing */ [data-theme="light"] nav, [data-theme="light"] #nav { background: rgba(254,252,246,0.95) !important; border-bottom: 1px solid rgba(28,24,20,0.07) !important; backdrop-filter: blur(16px) !important; } [data-theme="light"] nav.scrolled { background: rgba(254,252,246,0.98) !important; box-shadow: 0 2px 16px rgba(0,0,0,0.06) !important; } [data-theme="light"] .nav-brand { color: #1C1814 !important; } [data-theme="light"] .nav-links a { color: rgba(28,24,20,0.73) !important; } [data-theme="light"] .nav-links a:hover { color: #9B7B18 !important; } [data-theme="light"] .nav-links { background: rgba(254,252,246,0.98) !important; border-bottom-color: rgba(28,24,20,0.07) !important; } [data-theme="light"] .nav-burger span { background: #1C1814 !important; } /* ── 9. Formulaires & inputs ───────────────────────────────── */ [data-theme="light"] .field-input, [data-theme="light"] .search-input, [data-theme="light"] .modal-input, [data-theme="light"] input[type="text"], [data-theme="light"] input[type="email"], [data-theme="light"] input[type="password"], [data-theme="light"] textarea, [data-theme="light"] select { background: #FFFFFF !important; color: #1C1814 !important; border: 1px solid rgba(28,24,20,0.16) !important; box-shadow: inset 0 1px 2px rgba(0,0,0,0.04) !important; } [data-theme="light"] .field-input:focus, [data-theme="light"] .search-input:focus, [data-theme="light"] .modal-input:focus, [data-theme="light"] input:focus, [data-theme="light"] textarea:focus { border-color: #9B7B18 !important; box-shadow: 0 0 0 3px rgba(155,123,24,0.12), inset 0 1px 2px rgba(0,0,0,0.02) !important; background: #FFFFFF !important; } [data-theme="light"] .field-input::placeholder, [data-theme="light"] .search-input::placeholder, [data-theme="light"] .modal-input::placeholder, [data-theme="light"] input::placeholder, [data-theme="light"] textarea::placeholder { color: rgba(28,24,20,0.65) !important; } [data-theme="light"] .field-label { color: rgba(28,24,20,0.73) !important; font-weight: 700 !important; } [data-theme="light"] .field-hint { color: rgba(28,24,20,0.62) !important; } [data-theme="light"] .field-lock-badge, [data-theme="light"] .field-hint-badge { color: rgba(28,24,20,0.65) !important; } /* City dropdown */ [data-theme="light"] .city-dropdown { background: #FFFFFF !important; border: 1px solid rgba(28,24,20,0.12) !important; box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important; } [data-theme="light"] .city-dropdown li, [data-theme="light"] .city-option { color: #1C1814 !important; } [data-theme="light"] .city-dropdown li:hover, [data-theme="light"] .city-dropdown li.city-active, [data-theme="light"] .city-option:hover, [data-theme="light"] .city-option.active { background: rgba(155,123,24,0.07) !important; color: #9B7B18 !important; } [data-theme="light"] .pwd-toggle { color: rgba(28,24,20,0.65) !important; } [data-theme="light"] .pwd-toggle:hover { color: #9B7B18 !important; } /* ── 10. Boutons ───────────────────────────────────────────── */ [data-theme="light"] .save-btn, [data-theme="light"] .hero-cta-btn { background: #9B7B18 !important; color: #FFFFFF !important; border-color: #9B7B18 !important; font-weight: 500 !important; } [data-theme="light"] .save-btn:hover, [data-theme="light"] .hero-cta-btn:hover { background: #7D6312 !important; border-color: #7D6312 !important; box-shadow: 0 4px 12px rgba(155,123,24,0.3) !important; } [data-theme="light"] .nav-cta { background: #9B7B18 !important; color: #FFFFFF !important; border-color: #9B7B18 !important; } [data-theme="light"] .nav-cta:hover { background: #7D6312 !important; } [data-theme="light"] .action-btn, [data-theme="light"] .hero-cta, [data-theme="light"] .primary-btn, [data-theme="light"] .gate-post-cta-btn { background: transparent !important; color: #9B7B18 !important; border-color: rgba(155,123,24,0.5) !important; } [data-theme="light"] .action-btn:hover, [data-theme="light"] .primary-btn:hover, [data-theme="light"] .gate-post-cta-btn:hover { background: rgba(155,123,24,0.08) !important; border-color: #9B7B18 !important; } [data-theme="light"] .btn-dim { background: transparent !important; color: rgba(28,24,20,0.70) !important; border: 1px solid rgba(28,24,20,0.18) !important; } [data-theme="light"] .btn-dim:hover { background: rgba(155,123,24,0.06) !important; color: #9B7B18 !important; } [data-theme="light"] .topbar-btn.primary { background: rgba(155,123,24,0.1) !important; color: #9B7B18 !important; border-color: rgba(155,123,24,0.3) !important; } [data-theme="light"] .danger-btn { background: rgba(188,27,27,0.06) !important; color: #BC1B1B !important; border-color: rgba(188,27,27,0.2) !important; } [data-theme="light"] .danger-btn:hover { background: rgba(188,27,27,0.11) !important; } [data-theme="light"] .send-btn, [data-theme="light"] .msg-send-btn { background: #9B7B18 !important; color: #FFFFFF !important; border-color: #9B7B18 !important; } [data-theme="light"] .tab-btn { color: rgba(28,24,20,0.67) !important; } [data-theme="light"] .tab-btn:hover { color: rgba(28,24,20,0.78) !important; background: rgba(155,123,24,0.04) !important; } [data-theme="light"] .tab-btn.active { color: #9B7B18 !important; background: rgba(155,123,24,0.06) !important; border-bottom-color: #9B7B18 !important; } /* ── 11. Toggle switches ───────────────────────────────────── */ [data-theme="light"] .toggle-switch { background: #D4D0C6 !important; border-color: rgba(28,24,20,0.15) !important; } [data-theme="light"] .toggle-switch.on { background: #9B7B18 !important; border-color: #9B7B18 !important; } [data-theme="light"] .toggle-knob { background: #FFFFFF !important; box-shadow: 0 1px 4px rgba(0,0,0,0.2) !important; } [data-theme="light"] .toggle-name { color: #1C1814 !important; font-weight: 700 !important; } [data-theme="light"] .toggle-desc { color: rgba(28,24,20,0.65) !important; font-weight: 500 !important; line-height: 1.6 !important; } [data-theme="light"] .toggle-row { border-bottom-color: rgba(28,24,20,0.06) !important; } /* ── 12. Toast ─────────────────────────────────────────────── */ [data-theme="light"] .toast { background: #1C1814 !important; color: #F5F0E0 !important; border-color: rgba(255,255,255,0.1) !important; box-shadow: 0 8px 24px rgba(0,0,0,0.2) !important; } /* ── 13. Modales ───────────────────────────────────────────── */ [data-theme="light"] .modal-overlay, [data-theme="light"] .modal-overlay { background: rgba(28,24,20,0.35) !important; } [data-theme="light"] .modal-box, [data-theme="light"] .modal { background: #FFFFFF !important; border: 1px solid rgba(28,24,20,0.1) !important; box-shadow: 0 20px 60px rgba(0,0,0,0.15), 0 4px 16px rgba(0,0,0,0.08) !important; } [data-theme="light"] .modal-title { color: #1C1814 !important; } [data-theme="light"] .modal-text, [data-theme="light"] .modal-label { color: rgba(28,24,20,0.73) !important; } [data-theme="light"] .modal-btn { background: #9B7B18 !important; color: #FFFFFF !important; border-color: #9B7B18 !important; } [data-theme="light"] .modal-btn.cancel, [data-theme="light"] .modal-btn-cancel { background: transparent !important; color: rgba(28,24,20,0.70) !important; border: 1px solid rgba(28,24,20,0.15) !important; } [data-theme="light"] .modal-btn-danger { background: rgba(188,27,27,0.07) !important; color: #BC1B1B !important; border-color: rgba(188,27,27,0.25) !important; } /* ── 14. Danger zone ───────────────────────────────────────── */ [data-theme="light"] .danger-zone { background: rgba(188,27,27,0.03) !important; border-color: rgba(188,27,27,0.1) !important; } [data-theme="light"] .danger-title { color: #BC1B1B !important; } [data-theme="light"] .danger-text { color: rgba(28,24,20,0.73) !important; font-weight: 500 !important; } /* ── 15. Dashboard ─────────────────────────────────────────── */ [data-theme="light"] .dash-grid { background: transparent !important; } [data-theme="light"] .hero-strip .glass { background: #FFFFFF !important; box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 4px 14px rgba(0,0,0,0.04) !important; border-color: rgba(28,24,20,0.07) !important; } [data-theme="light"] .hero-text { color: rgba(28,24,20,0.77) !important; font-weight: 500 !important; } [data-theme="light"] .kpi-label { color: rgba(28,24,20,0.72) !important; font-weight: 700 !important; letter-spacing: 2px !important; text-transform: uppercase !important; } [data-theme="light"] .kpi-value { color: #9B7B18 !important; font-weight: 700 !important; line-height: 1.1 !important; } [data-theme="light"] .dash-card-title { color: rgba(28,24,20,0.72) !important; font-weight: 700 !important; letter-spacing: 2px !important; text-transform: uppercase !important; } [data-theme="light"] .dash-card-value { color: #1C1814 !important; font-weight: 700 !important; } [data-theme="light"] .dim-pill { background: rgba(155,123,24,0.06) !important; border: 1px solid rgba(155,123,24,0.12) !important; } [data-theme="light"] .dim-pill-label { color: rgba(28,24,20,0.67) !important; } [data-theme="light"] .dim-pill-val { color: #1C1814 !important; } [data-theme="light"] .momentum-label { color: rgba(28,24,20,0.64) !important; } [data-theme="light"] .score-delta.positive { color: #1A6B35 !important; } [data-theme="light"] .score-delta.negative { color: #BC1B1B !important; } [data-theme="light"] .rank-numeral { color: #9B7B18 !important; font-weight: 700 !important; } [data-theme="light"] .rank-title-text { color: rgba(28,24,20,0.77) !important; font-weight: 700 !important; } [data-theme="light"] .rank-score { color: #1C1814 !important; font-weight: 700 !important; } [data-theme="light"] .rank-score-label { color: rgba(28,24,20,0.64) !important; font-weight: 700 !important; letter-spacing: 2px !important; } [data-theme="light"] .rank-progress-bar { background: rgba(155,123,24,0.08) !important; } [data-theme="light"] .rank-progress-lbl { color: rgba(28,24,20,0.64) !important; } [data-theme="light"] .cd-num { color: #9B7B18 !important; } [data-theme="light"] .cd-lbl { color: rgba(28,24,20,0.64) !important; } [data-theme="light"] .midnight-balance-label { color: rgba(28,24,20,0.65) !important; } [data-theme="light"] .midnight-balance-title { color: #9B7B18 !important; } /* Calendar */ [data-theme="light"] .calendar-grid .cal-day { color: #1C1814 !important; } [data-theme="light"] .cal-day-header { color: rgba(28,24,20,0.64) !important; } [data-theme="light"] .cal-day:hover { border-color: rgba(155,123,24,0.3) !important; } [data-theme="light"] .day-tooltip { background: #FFFFFF !important; border: 1px solid rgba(28,24,20,0.1) !important; color: #1C1814 !important; box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important; } [data-theme="light"] .tooltip-level { color: #9B7B18 !important; } [data-theme="light"] .tooltip-text { color: rgba(28,24,20,0.77) !important; } /* Objectives */ [data-theme="light"] .objective-check { border-color: rgba(155,123,24,0.3) !important; } [data-theme="light"] .objective-title { color: #1C1814 !important; } [data-theme="light"] .objective-desc { color: rgba(28,24,20,0.65) !important; font-weight: 500 !important; } [data-theme="light"] .objective-pts { color: rgba(155,123,24,0.65) !important; } /* People card */ [data-theme="light"] .person-name { color: #1C1814 !important; } [data-theme="light"] .person-meta { color: rgba(28,24,20,0.67) !important; } /* Messages mini-card */ [data-theme="light"] .msg-name { color: #1C1814 !important; } [data-theme="light"] .msg-preview { color: rgba(28,24,20,0.67) !important; } /* Status banner */ [data-theme="light"] .status-banner { background: #F9F6EE !important; border-color: rgba(155,123,24,0.15) !important; color: rgba(28,24,20,0.77) !important; } /* ── 16. Profil ────────────────────────────────────────────── */ [data-theme="light"] .profile-hero { background: linear-gradient(180deg, #F5F2EA 0%, #FEFCF6 100%) !important; border-bottom-color: rgba(28,24,20,0.07) !important; } [data-theme="light"] .identity-firstname, [data-theme="light"] .profile-name { color: #1C1814 !important; font-size: clamp(22px, 3vw, 34px) !important; font-weight: 700 !important; letter-spacing: 0.01em !important; } [data-theme="light"] .identity-archetype, [data-theme="light"] .profile-rank { color: #9B7B18 !important; animation: none !important; } [data-theme="light"] .identity-rank { color: rgba(28,24,20,0.64) !important; } [data-theme="light"] .identity-tagline, [data-theme="light"] .profile-bio { color: rgba(28,24,20,0.73) !important; } [data-theme="light"] .meta-item { color: rgba(28,24,20,0.64) !important; } [data-theme="light"] .total-score-num { color: #9B7B18 !important; text-shadow: none !important; } [data-theme="light"] .total-score-label { color: rgba(28,24,20,0.62) !important; } [data-theme="light"] .rank-trio-num { color: #9B7B18 !important; text-shadow: none !important; } [data-theme="light"] .rank-trio-label { color: rgba(28,24,20,0.62) !important; } [data-theme="light"] .profile-stat-value { color: #1C1814 !important; font-weight: 700 !important; } [data-theme="light"] .profile-stat-label { color: rgba(28,24,20,0.67) !important; font-weight: 700 !important; letter-spacing: 2px !important; text-transform: uppercase !important; } [data-theme="light"] .profile-section { background: #FFFFFF !important; border-color: rgba(28,24,20,0.07) !important; } [data-theme="light"] .profile-section-title { color: #1C1814 !important; } [data-theme="light"] .dim-label { color: rgba(28,24,20,0.65) !important; } [data-theme="light"] .dim-value { color: #1C1814 !important; } [data-theme="light"] .dim-item { border-color: rgba(28,24,20,0.07) !important; background: #F9F7F2 !important; } [data-theme="light"] .dim-item:hover { border-color: rgba(155,123,24,0.18) !important; } [data-theme="light"] .pillar-bar-bg { background: rgba(155,123,24,0.08) !important; } [data-theme="light"] .pillar-bar { background: rgba(155,123,24,0.08) !important; } [data-theme="light"] .pillar-fill, [data-theme="light"] .pillar-bar-fill { background: linear-gradient(90deg, rgba(155,123,24,0.6), #9B7B18) !important; } [data-theme="light"] .pillar-name, [data-theme="light"] .pillar-label { color: rgba(28,24,20,0.73) !important; font-size: 13px !important; font-weight: 700 !important; } [data-theme="light"] .pillar-score, [data-theme="light"] .pillar-value { color: #1C1814 !important; } [data-theme="light"] .credibility-fill { background: linear-gradient(90deg, rgba(155,123,24,0.35), #9B7B18) !important; } [data-theme="light"] .credibility-label { color: rgba(28,24,20,0.64) !important; } [data-theme="light"] .pc-archetype-tag { color: rgba(28,24,20,0.64) !important; } [data-theme="light"] .pc-city { color: rgba(28,24,20,0.65) !important; } [data-theme="light"] .archetype-name-display, [data-theme="light"] .archetype-name { color: #9B7B18 !important; animation: none !important; font-size: clamp(15px, 1.4vw, 20px) !important; font-weight: 700 !important; } [data-theme="light"] .archetype-tagline { color: rgba(28,24,20,0.77) !important; font-weight: 500 !important; } /* Verification */ [data-theme="light"] .verif-levels::before { background: rgba(28,24,20,0.1) !important; } [data-theme="light"] .verif-level-name { color: #1C1814 !important; } [data-theme="light"] .verif-level-desc { color: rgba(28,24,20,0.65) !important; font-weight: 500 !important; } /* Bio */ [data-theme="light"] .bio-textarea { color: rgba(28,24,20,0.80) !important; background: transparent !important; font-weight: 500 !important; } [data-theme="light"] .bio-textarea::placeholder { color: rgba(28,24,20,0.65) !important; } [data-theme="light"] .bio-count { color: rgba(28,24,20,0.65) !important; } /* Modal profil */ [data-theme="light"] .modal-field-group { background: #F9F7F2 !important; border-color: rgba(28,24,20,0.1) !important; } [data-theme="light"] .modal-group-label { color: rgba(28,24,20,0.67) !important; } [data-theme="light"] .modal-lock-badge { color: rgba(28,24,20,0.65) !important; border-color: rgba(28,24,20,0.15) !important; } [data-theme="light"] .modal-hint-badge { color: rgba(28,24,20,0.64) !important; } /* ── 17. Discover ──────────────────────────────────────────── */ [data-theme="light"] .discover-grid { background: transparent !important; } [data-theme="light"] .filters-panel { background: #F5F2EA !important; border-right: 1px solid rgba(28,24,20,0.08) !important; } [data-theme="light"] .filter-title { color: rgba(28,24,20,0.65) !important; } [data-theme="light"] .filter-option { color: rgba(28,24,20,0.70) !important; } [data-theme="light"] .filter-option:hover { background: rgba(155,123,24,0.07) !important; color: rgba(28,24,20,0.80) !important; } [data-theme="light"] .filter-option.active { background: rgba(155,123,24,0.1) !important; color: #9B7B18 !important; } [data-theme="light"] .results-count { color: rgba(28,24,20,0.65) !important; } [data-theme="light"] .sort-select { color: rgba(28,24,20,0.75) !important; border-color: rgba(28,24,20,0.12) !important; background: #FFFFFF !important; } [data-theme="light"] .profile-card { background: #FFFFFF !important; border: 1px solid rgba(28,24,20,0.07) !important; box-shadow: 0 1px 4px rgba(0,0,0,0.05), 0 4px 14px rgba(0,0,0,0.04) !important; } [data-theme="light"] .profile-card:hover { box-shadow: 0 6px 20px rgba(0,0,0,0.09), 0 2px 8px rgba(0,0,0,0.05) !important; border-color: rgba(155,123,24,0.15) !important; } [data-theme="light"] .pc-name { color: #1C1814 !important; } [data-theme="light"] .pc-score-val { color: rgba(28,24,20,0.64) !important; } [data-theme="light"] .pc-dim { color: rgba(28,24,20,0.64) !important; border-color: rgba(28,24,20,0.08) !important; } [data-theme="light"] .pc-footer { border-top-color: rgba(28,24,20,0.07) !important; } [data-theme="light"] .card-action-link { color: rgba(28,24,20,0.67) !important; border-color: rgba(28,24,20,0.1) !important; } [data-theme="light"] .card-action-link:hover { color: #9B7B18 !important; border-color: rgba(155,123,24,0.3) !important; background: rgba(155,123,24,0.04) !important; } [data-theme="light"] .empty-text { color: rgba(28,24,20,0.65) !important; font-weight: 500 !important; } [data-theme="light"] .empty-icon { color: rgba(28,24,20,0.65) !important; } /* Search */ [data-theme="light"] .search-input { background: #FFFFFF !important; border-color: rgba(28,24,20,0.14) !important; color: #1C1814 !important; } [data-theme="light"] .search-input:focus { background: #FFFFFF !important; border-color: #9B7B18 !important; } [data-theme="light"] .search-icon { color: rgba(28,24,20,0.65) !important; } /* ── 18. Feed / Territory ──────────────────────────────────── */ [data-theme="light"] .feed-item { background: #FFFFFF !important; border: 1px solid rgba(28,24,20,0.07) !important; box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important; } [data-theme="light"] .feed-item:hover { border-color: rgba(155,123,24,0.18) !important; box-shadow: 0 4px 12px rgba(0,0,0,0.07) !important; } [data-theme="light"] .feed-headline { color: rgba(28,24,20,0.75) !important; font-weight: 500 !important; line-height: 1.55 !important; } [data-theme="light"] .feed-headline strong { color: #9B7B18 !important; } [data-theme="light"] .feed-sub { color: rgba(28,24,20,0.65) !important; line-height: 1.5 !important; } [data-theme="light"] .feed-time { color: rgba(28,24,20,0.65) !important; } [data-theme="light"] .feed-author { color: #1C1814 !important; font-weight: 700 !important; } [data-theme="light"] .city-card { background: #FFFFFF !important; border: 1px solid rgba(28,24,20,0.07) !important; box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important; } [data-theme="light"] .city-name { color: #1C1814 !important; } [data-theme="light"] .city-score { color: rgba(28,24,20,0.80) !important; } [data-theme="light"] .city-meta-item { color: rgba(28,24,20,0.64) !important; } [data-theme="light"] .city-score-label { color: rgba(28,24,20,0.65) !important; } [data-theme="light"] .city-bar-fill { background: linear-gradient(90deg, rgba(155,123,24,0.2), rgba(155,123,24,0.55)) !important; } [data-theme="light"] .city-bar-wrap { background: rgba(155,123,24,0.07) !important; } [data-theme="light"] .topbar-stat { color: rgba(28,24,20,0.65) !important; } [data-theme="light"] .live-pulse { background: rgba(155,123,24,0.04) !important; border-color: rgba(155,123,24,0.1) !important; } [data-theme="light"] .pulse-text { color: rgba(28,24,20,0.64) !important; } /* ── 19. Journal ───────────────────────────────────────────── */ [data-theme="light"] .journal-entry, [data-theme="light"] .journal-card { background: #FFFFFF !important; border: 1px solid rgba(28,24,20,0.07) !important; box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important; } [data-theme="light"] .journal-date { color: rgba(28,24,20,0.65) !important; } [data-theme="light"] .journal-text { color: rgba(28,24,20,0.80) !important; font-weight: 500 !important; } /* ── 20. Reckoning ─────────────────────────────────────────── */ [data-theme="light"] .reckoning-prompt { color: rgba(28,24,20,0.73) !important; font-weight: 500 !important; } [data-theme="light"] .reckoning-title { color: #1C1814 !important; } [data-theme="light"] .reckoning-subtitle { color: rgba(28,24,20,0.67) !important; } [data-theme="light"] .reckoning-textarea, [data-theme="light"] .declaration-textarea { background: #F9F7F2 !important; color: #1C1814 !important; border-color: rgba(28,24,20,0.12) !important; } /* ── 21. Clans ─────────────────────────────────────────────── */ [data-theme="light"] .clan-card { background: #FFFFFF !important; border: 1px solid rgba(28,24,20,0.07) !important; box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important; } [data-theme="light"] .clan-name { color: #1C1814 !important; } [data-theme="light"] .clan-desc { color: rgba(28,24,20,0.77) !important; } [data-theme="light"] .clan-stat-label { color: rgba(28,24,20,0.65) !important; } [data-theme="light"] .clan-stat-value { color: #1C1814 !important; } [data-theme="light"] .clan-member { border-bottom-color: rgba(28,24,20,0.06) !important; } /* ── 22. Messages ──────────────────────────────────────────── */ [data-theme="light"] .msg-sidebar, [data-theme="light"] .conversations-list, [data-theme="light"] .convos-pane { background: #F5F2EA !important; border-right-color: rgba(28,24,20,0.08) !important; } [data-theme="light"] .convos-search { background: #FFFFFF !important; border-color: rgba(28,24,20,0.12) !important; color: #1C1814 !important; } [data-theme="light"] .convo-item:hover { background: rgba(155,123,24,0.05) !important; } [data-theme="light"] .convo-item.active { background: rgba(155,123,24,0.08) !important; border-left-color: #9B7B18 !important; } [data-theme="light"] .convo-name { color: #1C1814 !important; font-weight: 700 !important; } [data-theme="light"] .convo-preview { color: rgba(28,24,20,0.67) !important; font-weight: 500 !important; line-height: 1.5 !important; } [data-theme="light"] .convo-time { color: rgba(28,24,20,0.65) !important; } [data-theme="light"] .chat-header { background: rgba(254,252,246,0.96) !important; border-bottom-color: rgba(28,24,20,0.08) !important; } [data-theme="light"] .chat-name { color: #1C1814 !important; font-weight: 700 !important; } [data-theme="light"] .chat-rank { color: rgba(28,24,20,0.64) !important; } [data-theme="light"] .chat-status { color: rgba(28,24,20,0.65) !important; } [data-theme="light"] .msg-input-area, [data-theme="light"] .chat-input-wrap { background: rgba(254,252,246,0.95) !important; border-top-color: rgba(28,24,20,0.08) !important; } [data-theme="light"] .chat-input, [data-theme="light"] .msg-input { background: #FFFFFF !important; color: #1C1814 !important; border-color: rgba(28,24,20,0.12) !important; } [data-theme="light"] .msg-wrapper.msg-wrapper-theirs .bubble-text { background: #F0EDE4 !important; border-color: rgba(28,24,20,0.07) !important; color: #1C1814 !important; } [data-theme="light"] .msg-wrapper.msg-wrapper-mine .bubble-text { background: rgba(155,123,24,0.1) !important; border-color: rgba(155,123,24,0.22) !important; color: #1C1814 !important; } [data-theme="light"] .bubble { background: #F0EDE4 !important; color: #1C1814 !important; } [data-theme="light"] .bubble.mine { background: rgba(155,123,24,0.1) !important; } [data-theme="light"] .bubble-time { color: rgba(28,24,20,0.65) !important; } [data-theme="light"] .bubble-avatar { background: rgba(155,123,24,0.1) !important; } [data-theme="light"] .chat-more-dropdown, [data-theme="light"] .ctx-menu { background: #FFFFFF !important; border-color: rgba(28,24,20,0.1) !important; box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important; } [data-theme="light"] .more-menu-item, [data-theme="light"] .ctx-menu-item, [data-theme="light"] .ctx-menu button { color: rgba(28,24,20,0.73) !important; } [data-theme="light"] .more-menu-item:hover, [data-theme="light"] .ctx-menu-item:hover, [data-theme="light"] .ctx-menu button:hover { color: #9B7B18 !important; background: rgba(155,123,24,0.06) !important; } [data-theme="light"] .ctx-menu button.danger { color: #BC1B1B !important; } [data-theme="light"] .reply-preview { background: #F5F2EA !important; border-left-color: #9B7B18 !important; } [data-theme="light"] .reply-preview-name { color: #9B7B18 !important; } [data-theme="light"] .reply-preview-text { color: rgba(28,24,20,0.70) !important; font-weight: 500 !important; } [data-theme="light"] .msg-action-bar { background: #FFFFFF !important; border-color: rgba(28,24,20,0.1) !important; box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important; } [data-theme="light"] .reaction-picker { background: #FFFFFF !important; border-color: rgba(28,24,20,0.1) !important; } [data-theme="light"] .reaction-pill { background: rgba(155,123,24,0.04) !important; border-color: rgba(28,24,20,0.08) !important; color: rgba(28,24,20,0.73) !important; } [data-theme="light"] .reaction-pill.reaction-mine { border-color: rgba(155,123,24,0.35) !important; background: rgba(155,123,24,0.08) !important; } [data-theme="light"] .chat-search-bar { background: #F5F2EA !important; border-bottom-color: rgba(28,24,20,0.08) !important; } [data-theme="light"] .no-convo-title { color: rgba(28,24,20,0.65) !important; font-weight: 500 !important; } [data-theme="light"] .no-convo-sub { color: rgba(28,24,20,0.67) !important; } [data-theme="light"] .no-convo-icon { color: rgba(28,24,20,0.65) !important; } /* ── 23. Map ───────────────────────────────────────────────── */ [data-theme="light"] .map-wrap { background: #EDE9DF !important; border-color: rgba(28,24,20,0.08) !important; } [data-theme="light"] .map-panel { background: #FFFFFF !important; border-color: rgba(28,24,20,0.08) !important; box-shadow: 0 4px 14px rgba(0,0,0,0.07) !important; } [data-theme="light"] .map-tooltip { background: #FFFFFF !important; color: #1C1814 !important; border-color: rgba(28,24,20,0.1) !important; box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important; } [data-theme="light"] .map-tooltip-lock { color: rgba(28,24,20,0.65) !important; } [data-theme="light"] .map-placeholder { background: #EAE6DA !important; color: rgba(28,24,20,0.65) !important; } [data-theme="light"] .map-status { background: rgba(254,252,246,0.92) !important; color: rgba(28,24,20,0.75) !important; } [data-theme="light"] .panel-btn { background: #F5F2EA !important; color: rgba(28,24,20,0.73) !important; border-color: rgba(28,24,20,0.1) !important; } [data-theme="light"] .panel-btn:hover, [data-theme="light"] .panel-btn.active { background: rgba(155,123,24,0.1) !important; color: #9B7B18 !important; border-color: rgba(155,123,24,0.25) !important; } [data-theme="light"] .mapboxgl-popup-content { background: #FFFFFF !important; color: #1C1814 !important; box-shadow: 0 4px 16px rgba(0,0,0,0.1) !important; } [data-theme="light"] .map-lock-msg { color: rgba(28,24,20,0.70) !important; } [data-theme="light"] .map-live-badge, [data-theme="light"] .map-active-badge { color: rgba(155,123,24,0.65) !important; } /* ── 24. Onboarding ────────────────────────────────────────── */ [data-theme="light"] .onboarding-card { background: #FFFFFF !important; border-color: rgba(28,24,20,0.08) !important; box-shadow: 0 4px 16px rgba(0,0,0,0.07) !important; } [data-theme="light"] .onboarding-title { color: #1C1814 !important; } [data-theme="light"] .onboarding-desc { color: rgba(28,24,20,0.77) !important; font-weight: 500 !important; } /* ── 25. Login ─────────────────────────────────────────────── */ [data-theme="light"] .login-card, [data-theme="light"] .auth-card { background: #FFFFFF !important; border-color: rgba(28,24,20,0.08) !important; box-shadow: 0 8px 28px rgba(0,0,0,0.08) !important; } [data-theme="light"] .login-title, [data-theme="light"] .auth-title { color: #1C1814 !important; } /* ── 26. Quiz ──────────────────────────────────────────────── */ [data-theme="light"] .quiz-container { background: #FEFCF6 !important; } [data-theme="light"] .quiz-card { background: #FFFFFF !important; border-color: rgba(28,24,20,0.08) !important; box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important; } [data-theme="light"] .quiz-title { color: #1C1814 !important; } [data-theme="light"] .quiz-text { color: rgba(28,24,20,0.76) !important; } [data-theme="light"] .quiz-option, [data-theme="light"] .option-btn { background: #FFFFFF !important; border: 1px solid rgba(28,24,20,0.12) !important; color: rgba(28,24,20,0.80) !important; } [data-theme="light"] .quiz-option:hover, [data-theme="light"] .option-btn:hover { border-color: rgba(155,123,24,0.35) !important; background: rgba(155,123,24,0.04) !important; color: #1C1814 !important; } [data-theme="light"] .quiz-option.selected, [data-theme="light"] .option-btn.selected { border-color: #9B7B18 !important; background: rgba(155,123,24,0.07) !important; color: #1C1814 !important; } [data-theme="light"] .q-text { color: #1C1814 !important; } [data-theme="light"] .q-sub { color: #9B7B18 !important; } [data-theme="light"] .q-category { color: rgba(28,24,20,0.64) !important; } [data-theme="light"] .intro-sub { color: rgba(28,24,20,0.73) !important; font-weight: 500 !important; } [data-theme="light"] .result-desc { background: #F9F7F2 !important; border-color: rgba(28,24,20,0.08) !important; color: rgba(28,24,20,0.76) !important; font-weight: 500 !important; } [data-theme="light"] .hidden-asset { background: rgba(155,123,24,0.04) !important; border-color: rgba(155,123,24,0.2) !important; } [data-theme="light"] .hidden-asset p { color: rgba(28,24,20,0.80) !important; font-weight: 500 !important; } [data-theme="light"] .gate-post-cta { background: linear-gradient(180deg, #F9F7F2 0%, #F5F2EA 100%) !important; border-color: rgba(155,123,24,0.2) !important; } [data-theme="light"] .gate-post-cta-text { color: rgba(28,24,20,0.70) !important; font-weight: 500 !important; } [data-theme="light"] .dim-badge { background: #F9F7F2 !important; border-color: rgba(28,24,20,0.08) !important; } [data-theme="light"] .analyzing-label { color: rgba(28,24,20,0.67) !important; } [data-theme="light"] .analyzing-sub { color: rgba(28,24,20,0.65) !important; } [data-theme="light"] .spin-ring { border-color: rgba(28,24,20,0.1) !important; border-top-color: #9B7B18 !important; } [data-theme="light"] .progress-dot { background: rgba(28,24,20,0.12) !important; } [data-theme="light"] .progress-dot.done { background: #9B7B18 !important; } [data-theme="light"] .progress-dot.active { background: rgba(155,123,24,0.45) !important; } /* ── 27. Landing — Rank distribution bars ─────────────────── */ [data-theme="light"] .ranks-dist { background: #FFFFFF !important; border-color: rgba(28,24,20,0.08) !important; box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important; } [data-theme="light"] .dist-label { color: rgba(28,24,20,0.75) !important; font-weight: 700 !important; } [data-theme="light"] .dist-source { color: rgba(28,24,20,0.68) !important; font-weight: 500 !important; } [data-theme="light"] .dist-bar-lbl { color: rgba(28,24,20,0.72) !important; font-weight: 700 !important; } [data-theme="light"] .dist-pct { color: rgba(28,24,20,0.75) !important; font-weight: 700 !important; } /* Map landing */ [data-theme="light"] .map-counter { color: #9B7B18 !important; } /* Stats landing */ [data-theme="light"] .stat-val { color: #9B7B18 !important; font-weight: 700 !important; } [data-theme="light"] .stat-lbl { color: rgba(28,24,20,0.70) !important; font-weight: 700 !important; letter-spacing: 3px !important; } /* CTA section landing */ [data-theme="light"] .cta-section { background: #F5F2EA !important; } [data-theme="light"] .cta-heading { color: #1C1814 !important; } [data-theme="light"] .cta-ring-1, [data-theme="light"] .cta-ring-2 { border-color: rgba(155,123,24,0.2) !important; } [data-theme="light"] .cta-glyph { color: #9B7B18 !important; } /* Footer landing */ [data-theme="light"] footer { background: #F5F2EA !important; border-top: 1px solid rgba(28,24,20,0.07) !important; } [data-theme="light"] .footer-brand { color: rgba(28,24,20,0.78) !important; font-weight: 700 !important; letter-spacing: 4px !important; } [data-theme="light"] .footer-tagline { color: rgba(28,24,20,0.72) !important; font-weight: 500 !important; } [data-theme="light"] .footer-copy { color: rgba(28,24,20,0.65) !important; } [data-theme="light"] .footer-links a { color: rgba(28,24,20,0.65) !important; } [data-theme="light"] .footer-links a:hover { color: #9B7B18 !important; } [data-theme="light"] .footer-link { color: rgba(28,24,20,0.65) !important; font-weight: 500 !important; } [data-theme="light"] .footer-link:hover { color: #9B7B18 !important; } /* Divider */ [data-theme="light"] .divider { background: linear-gradient(90deg, transparent, rgba(28,24,20,0.08), transparent) !important; } /* ── 28. Misc overrides ────────────────────────────────────── */ [data-theme="light"] a { color: #9B7B18; } [data-theme="light"] a:hover { color: #7D6312; } [data-theme="light"] .badge, [data-theme="light"] .pillar-btn, [data-theme="light"] .tag { background: rgba(155,123,24,0.08) !important; color: #9B7B18 !important; border-color: rgba(155,123,24,0.18) !important; } [data-theme="light"] .confirmation-text { color: rgba(28,24,20,0.73) !important; } [data-theme="light"] .popup-tagline { color: rgba(28,24,20,0.67) !important; } [data-theme="light"] .history-pane { background: #FFFFFF !important; border-color: rgba(28,24,20,0.08) !important; } [data-theme="light"] .history-header { background: #F5F2EA !important; border-bottom-color: rgba(28,24,20,0.07) !important; } [data-theme="light"] .cookie-banner { background: #FFFFFF !important; border-color: rgba(28,24,20,0.1) !important; color: #1C1814 !important; box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important; } /* Gradient overlays — neutraliser les dégradés sombres */ [data-theme="light"] .hero-gradient, [data-theme="light"] .section-gradient { background: transparent !important; } /* Tiers */ [data-theme="light"] .tier-card { background: #FFFFFF !important; border: 1px solid rgba(28,24,20,0.07) !important; } [data-theme="light"] .tier-name { color: rgba(28,24,20,0.82) !important; font-weight: 700 !important; } [data-theme="light"] .tier-desc { color: rgba(28,24,20,0.72) !important; font-weight: 500 !important; } /* Trust row */ [data-theme="light"] .trust-row .trust-item { color: rgba(28,24,20,0.78) !important; font-weight: 500 !important; } /* CTA ornament rings */ [data-theme="light"] .cta-ring-1 { border-color: rgba(155,123,24,0.18) !important; } [data-theme="light"] .cta-ring-2 { border-color: rgba(155,123,24,0.1) !important; } /* Scroll indicator */ [data-theme="light"] .scroll-ind span { color: rgba(28,24,20,0.55) !important; } [data-theme="light"] .scroll-line { background: linear-gradient(180deg, rgba(28,24,20,0.18), transparent) !important; } /* Nav back (quiz) */ [data-theme="light"] .nav-back { color: rgba(28,24,20,0.64) !important; } [data-theme="light"] .nav-back:hover { color: #9B7B18 !important; } /* Any inline gold color overrides */ [data-theme="light"] [style*="color: #d4af37"], [data-theme="light"] [style*="color:#d4af37"] { color: #9B7B18 !important; } /* ── 28b. Font-weight fixes — italic/serif éléments hérités du weight 300 ── */ [data-theme="light"] .identity-tagline { font-weight: 500 !important; font-size: 15px !important; line-height: 1.65 !important; } [data-theme="light"] .trials-text { font-weight: 500 !important; } [data-theme="light"] .clan-cta-sub { font-weight: 500 !important; } [data-theme="light"] .ha-text { font-weight: 500 !important; } [data-theme="light"] .gate-teaser { font-weight: 500 !important; } [data-theme="light"] .modal-text { font-weight: 500 !important; } /* ── 29. Theme toggle button ───────────────────────────────── */ .theme-toggle-btn { background: transparent; border: none; cursor: pointer; padding: 6px; border-radius: 6px; display: flex; align-items: center; justify-content: center; transition: background 0.2s; color: var(--text-dim); font-size: 18px; line-height: 1; } .theme-toggle-btn:hover { background: var(--gold-faint); color: var(--gold); } .theme-toggle-btn .icon-sun, .theme-toggle-btn .icon-moon { display: none; } [data-theme="dark"] .theme-toggle-btn .icon-sun, :root:not([data-theme]) .theme-toggle-btn .icon-sun { display: inline; } [data-theme="dark"] .theme-toggle-btn .icon-moon, :root:not([data-theme]) .theme-toggle-btn .icon-moon { display: none; } [data-theme="light"] .theme-toggle-btn .icon-moon { display: inline; } [data-theme="light"] .theme-toggle-btn .icon-sun { display: none; } /* ══════════════════════════════════════════════════════════════ 30. TYPOGRAPHY SYSTEM — WCAG AA · Inspired by Linear, Stripe, FT ══════════════════════════════════════════════════════════════ */ /* ── Base reading size ── */ [data-theme="light"] p, [data-theme="light"] li { font-size: 15px !important; line-height: 1.7 !important; } /* ── Section headings ── */ [data-theme="light"] .section-title, [data-theme="light"] .section-heading { letter-spacing: 0.02em !important; line-height: 1.15 !important; font-weight: 700 !important; } /* ── Nav ── */ /* ── Topbar ── */ /* ── Cards & dashboard ── */ /* ── Feed ── */ /* ── Messages ── */ /* ── Profile ── */ [data-theme="light"] .identity-archetype { font-size: 15px !important; font-weight: 700 !important; letter-spacing: 2px !important; } /* ── Settings ── */ /* ── Landing page ── */ [data-theme="light"] .manifesto-line.big { font-weight: 700 !important; } /* ── Footer ── */ /* ── 31. Overrides manquants — lisibilité index light ──────── */ /* map-tooltip-dist : rgba(212,175,55,0.3) invisible sur fond blanc */ [data-theme="light"] .map-tooltip-dist { color: rgba(28,24,20,0.65) !important; } /* step-arrow : rgba(212,175,55,0.18) invisible sur carte blanche */ [data-theme="light"] .step-arrow { color: rgba(155,123,24,0.40) !important; } /* dist labels — renforcer */