/* ================================================================ DÉLICES SUPRÊMES — Design Tokens v1.0 Source de vérité : DELICES_SUPREMES_Brand_Kit.pdf (Avril 2026) ================================================================ */ :root { /* ===== Palette principale "Dakar" (saison par défaut) ===== */ --ds-coral: #F44051; /* Corail Suprême · couleur primaire */ --ds-coral-dark: #C52E3C; --ds-coral-deep: #7A1C24; --ds-coral-soft: #FAA8B0; --ds-coral-pale: #FCE4E7; /* ===== Neutres ===== */ --ds-black: #0A0A0A; --ds-ink: #1D1D1F; --ds-white: #FFFFFF; --ds-cream: #FBF7F3; --ds-midnight: #1A1A2E; /* bandeau réassurance */ --ds-gold: #FFD700; /* ===== Greys ===== */ --ds-gray-50: #F7F7F8; --ds-gray-100: #EFEFF1; --ds-gray-200: #E5E5E7; --ds-gray-300: #D2D2D7; --ds-gray-400: #AEAEB2; --ds-gray-600: #6E6E73; --ds-gray-800: #3A3A3C; /* ===== Fonctionnels ===== */ --ds-whatsapp: #25D366; --ds-whatsapp-dk: #128C7E; --ds-success: #1F6B4F; --ds-warning: #E07B39; --ds-error: #C7522A; /* ===== Typographie ===== */ --ds-font-display: "Playfair Display", Georgia, "Times New Roman", serif; --ds-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; --ds-font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace; /* ===== Échelle typographique ===== */ --ds-fs-eyebrow: 11px; --ds-fs-body-sm: 13px; --ds-fs-body: 15px; --ds-fs-body-lg: 17px; --ds-fs-h3: 24px; --ds-fs-h2: 56px; --ds-fs-h1: 80px; --ds-fs-display: 88px; /* ===== Espacement ===== */ --ds-space-1: 4px; --ds-space-2: 8px; --ds-space-3: 12px; --ds-space-4: 16px; --ds-space-6: 24px; --ds-space-8: 32px; --ds-space-12: 48px; --ds-space-16: 64px; --ds-space-20: 80px; --ds-space-24: 120px; /* ===== Layout ===== */ --ds-container: 1340px; --ds-pad-x: 48px; --ds-pad-x-mobile: 18px; /* ===== Bordures et radius (charte: éditorial = droit) ===== */ --ds-radius-sm: 0; --ds-radius: 0; --ds-radius-pill: 999px; --ds-border: 1px solid var(--ds-gray-200); --ds-border-ink: 1px solid var(--ds-ink); /* ===== Ombres ===== */ --ds-shadow-sm: 0 1px 2px rgba(10,10,10,0.04); --ds-shadow: 0 4px 12px rgba(10,10,10,0.06); --ds-shadow-lg: 0 24px 48px -16px rgba(0,0,0,0.18); /* ===== Transitions ===== */ --ds-t-fast: 120ms ease; --ds-t-base: 200ms ease; --ds-t-slow: 400ms ease; /* ===== Z-index ===== */ --ds-z-trust-bar: 90; --ds-z-header: 100; --ds-z-drawer: 200; --ds-z-overlay: 300; --ds-z-popup: 400; --ds-z-wa-btn: 500; } /* Variantes saisonnières (activables via class="ds-season-X" sur ) */ body.ds-season-tabaski { --ds-coral: #B8860B; --ds-coral-pale: #FBF1D6; --ds-coral-soft: #E8C77A; --ds-cream: #FFFBF0; } body.ds-season-bissap { --ds-coral: #8E1B43; --ds-coral-pale: #F8E0E8; --ds-coral-soft: #D88BA2; } body.ds-season-harmattan { --ds-coral: #C7522A; --ds-coral-pale: #F0DEC5; --ds-coral-soft: #E8B898; --ds-cream: #F5E9D6; }