/* ============================================================ Neptune Forum — Design tokens Source de vérité : 06_Emailing/Save_the_Date/std-bilingual-brevo.html ============================================================ */ :root { /* Couleurs — palette extraite de l'email */ --color-navy: #1D2B5C; --color-navy-deep: #0f1a3a; --color-gold: #BE9883; --color-teal: #2E747E; --color-ivory: #F5F0E6; --color-white: #FFFFFF; --color-light-blue: #D8EBFA; --color-card-text: #1A383A; --color-body-muted: #4a5a6a; --color-footer-muted: #5D7090; --color-meta: #858588; /* Background page (gradient bleu très clair) */ --bg-page: linear-gradient(180deg, #e6f0ff 0%, #f0f7ff 100%); /* Overlay partenaires (clownfish bg) */ --overlay-partners: rgba(15, 26, 58, 0.82); /* Typographie */ --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif; --font-body: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; /* Layout — full-width responsive landing (l'email original utilisait --wrapper-max: 600px, mais la landing web est full-width avec contenu centré via grid) */ --content-max: 760px; --content-max-wide: 1080px; --page-pad-x: clamp(20px, 5vw, 64px); --form-max: 560px; /* Cards */ --card-radius: 14px; --card-shadow: 0 2px 10px rgba(29, 43, 92, 0.06); /* Wrapper shadow */ --wrapper-shadow: 0 4px 24px rgba(10, 20, 40, 0.25); /* CTA shadow */ --cta-shadow: 0 4px 14px rgba(29, 43, 92, 0.3); /* Spacing tokens (utilisés pour les paddings sections) */ --space-xs: 8px; --space-sm: 14px; --space-md: 22px; --space-lg: 40px; --space-xl: 56px; /* Status colors (form) */ --color-error: #B91C1C; --color-success: #166534; /* Focus ring */ --focus-ring: 0 0 0 3px rgba(190, 152, 131, 0.45); } /* ============================================================ i18n — show/hide selon ============================================================ */ html[lang="fr"] [data-lang="en"] { display: none !important; } html[lang="en"] [data-lang="fr"] { display: none !important; }