/* Maison Mère — design tokens * Source: 4 H-Hub/@Business-Architecte/4 H-Hub/clients/MME-Maison-Mere/branding.md * Règle critique : tout CTA fond rose (#ff2c7b) → texte BLANC obligatoire. */ :root { /* couleurs */ --color-bg: #ededed; /* off-white, fond principal */ --color-fg: #212121; /* noir, texte body */ --color-accent: #ff2c7b; /* rose signature MM — CTA */ --color-accent-2: #c0ff96; /* vert pastel — bannières, accents */ --color-accent-3: #6e2dbd; /* violet — badges, surlignages */ --color-cta-fg: #ffffff; /* texte blanc sur CTA rose (NON NÉGOCIABLE) */ /* typographie */ --font-heading: 'Afacad', system-ui, sans-serif; --font-body: 'Source Sans 3', system-ui, sans-serif; --font-size-base: 18px; --line-height: 1.6; /* layout */ --max-width-main: 90rem; --max-width-medium: 60rem; --max-width-normal: 50rem; --max-width-small: 41.5rem; --radius-large: 10px; --radius-small: 0px; /* google fonts (link à coller en ) */ --google-fonts-href: 'https://fonts.googleapis.com/css2?family=Afacad:wght@400;500;600;700&family=Source+Sans+3:wght@400;500;600&display=swap'; /* assets MM (CDN Webflow live) */ --favicon: 'https://cdn.prod.website-files.com/68493bbad62ed82300586942/687e29e579873c6a98624438_Favicon-maison-mere.jpg'; --apple-icon: 'https://cdn.prod.website-files.com/68493bbad62ed82300586942/687e29ea3f115addedf4fd60_Webclip-maison-mere.jpg'; /* wordmark / signature */ --brand-name: 'Maison Mère'; --brand-signature: 'Emilie'; } /* règle critique CTA */ .cta, .cta.w-button, .cta.w-button * { background: var(--color-accent); color: var(--color-cta-fg) !important; }