/** * Thème App Express — « Kinetic Monolith » (MALdesign.md) * Appliquer sur */ .theme-mvp { /* Primaires */ --color-primary: #006877; --color-primary-container: #00c6e0; --color-on-primary-container: #001f24; /* Secondaires */ --color-secondary: #006973; --color-secondary-container: #72eeff; --color-on-secondary-container: #001f23; /* Tertiaire (accent marque) */ --color-tertiary: #815600; --color-tertiary-container: #f2a500; --color-kinetic-streak: #ffae00; /* Surfaces */ --color-surface: #f9f9ff; --color-surface-dim: #e8ecf8; --color-surface-container-lowest: #ffffff; --color-surface-container-low: #f0f3ff; --color-surface-container-highest: #d8e3fb; --color-on-surface: #111c2d; --color-on-surface-variant: #3d4a5c; --color-outline-variant: #bbc9cc; /* Ombre (teinte on-surface, pas noir pur) */ --shadow-float: 0 12px 40px rgba(17, 28, 45, 0.06); /* Typo : Sora (titres), Source Sans 3 (corps) */ --font-display: "Sora", ui-sans-serif, system-ui, sans-serif; --font-body: "Source Sans 3", ui-sans-serif, system-ui, sans-serif; /* Espacements */ --space-section: clamp(3rem, 8vw, 5rem); --space-block: clamp(1.5rem, 4vw, 2.5rem); --radius-md: 0.375rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --ease-out: 150ms cubic-bezier(0.33, 1, 0.68, 1); /* Hub langue (page racine app-express/index.html) */ --mvp-hub-bg: #f0f3ff; --mvp-hub-card: #ffffff; --mvp-hub-border: rgba(187, 201, 204, 0.35); --mvp-hub-text: #111c2d; --mvp-hub-muted: #3d4a5c; /* Hub : couleur unie (globals) ; dégradé réservé aux boutons landing si besoin */ --mvp-hub-btn-bg: #006877; --wire-accent-hover: #009eb8; --mvp-hub-btn-fg: #ffffff; --mvp-hub-btn-secondary-bg: #ffffff; --mvp-hub-btn-secondary-fg: #111c2d; /* Badges « inclus » */ --mvp-tag-inclus-fg: #0d4f2d; --mvp-tag-inclus-bg: rgba(0, 104, 119, 0.08); --mvp-tag-inclus-border: rgba(0, 198, 224, 0.35); --mvp-fieldset-bg: var(--color-surface-container-low); --mvp-bloc-note-bg: var(--color-surface-container-low); --mvp-page-bg: var(--color-surface); --mvp-sticky-bg: var(--color-surface-container-lowest); } /* Landing CTAs: solid fill, less rounded than mvp-landing defaults */ .theme-mvp.landing-v1 .cta-primary { background: var(--color-primary); color: var(--color-surface-container-lowest); border-radius: var(--radius-md); }