/* ========================================================================== Palettes de couleurs de Nounelia Toutes les couleurs du site passent par ces variables : changer de palette (Administration → Paramètres → Apparence) recolore l'ensemble des pages. La palette active est posée sur . Échelles : 50 (fond très clair) → 700 (texte foncé) ; 500 = couleur des boutons. ========================================================================== */ /* ---------- Ciel : blanc, bleu ciel, jaune soleil, menthe ---------- */ :root, [data-palette="ciel"] { --bg: #F8FAFD; --bg-2: #EFF4FA; --line: #E3EAF2; --line-strong: #D2DCE8; --muted: #6B7485; --faint: #9AA3B2; --brand-50: #EEF5FD; --brand-100: #DCEAFA; --brand-200: #C3DBF5; --brand-300: #93BFEC; --brand-400: #5FA0E0; --brand-500: #3B82CE; --brand-600: #2C6AB0; --brand-700: #1F4E85; --ok-50: #EAF7F1; --ok-100: #D2EEE1; --ok-200: #A9DEC6; --ok-300: #7FCBAA; --ok-500: #3FA67C; --ok-600: #2F8A66; --ok-700: #236A4E; --warm-50: #FFF8E6; --warm-100: #FDEDC4; --warm-200: #FBE19B; --warm-300: #F8D06A; --warm-400: #F4C24A; --warm-500: #E0A92A; --warm-600: #B7861B; --warm-700: #7F5C10; --ink-50: #EFF1F6; --ink-100: #DDE2EC; --ink-200: #C4CBDA; --ink-300: #9AA4BA; --ink-400: #6C7792; --ink-500: #4A5470; --ink-600: #3A4459; --ink-700: #2B3445; --ink-800: #1E2533; --bad-50: #FDECEC; --bad-100: #F8CFCF; --bad-300: #E88C8C; --bad-500: #D14B4B; --bad-600: #B23A3A; --doodle-cloud: #FFFFFF; } /* ---------- Corail : crème, corail doux, sauge, sable ---------- */ [data-palette="corail"] { --bg: #FBF7F2; --bg-2: #F6EFE7; --line: #EEE5DA; --line-strong: #E2D6C8; --muted: #7A7686; --faint: #A9A3AE; --brand-50: #FCEEE8; --brand-100: #F8DCD1; --brand-200: #F2C4B4; --brand-300: #EFA58F; --brand-400: #E07A5F; --brand-500: #C65D42; --brand-600: #A94A33; --brand-700: #7A3E2E; --ok-50: #E7F2EC; --ok-100: #CFE5DA; --ok-200: #B9DACB; --ok-300: #8FBFA8; --ok-500: #5E957C; --ok-600: #4E826A; --ok-700: #3F7A60; --warm-50: #FDF4E3; --warm-100: #F3E3C3; --warm-200: #EFD39F; --warm-300: #F2CC8F; --warm-400: #EDBE72; --warm-500: #D9A441; --warm-600: #B07B25; --warm-700: #8A6420; --ink-50: #EEF0F6; --ink-100: #DDE1EC; --ink-200: #C9CDE0; --ink-300: #9AA0BF; --ink-400: #6B7196; --ink-500: #454A6B; --ink-600: #4A4B5E; --ink-700: #33364D; --ink-800: #23253A; --bad-50: #FBE6E2; --bad-100: #F3C9C1; --bad-300: #D9837A; --bad-500: #B9473A; --bad-600: #9E3A2F; } /* ---------- Menthe : blanc, vert d'eau, pêche ---------- */ [data-palette="menthe"] { --bg: #F7FBFA; --bg-2: #EDF6F4; --line: #E0ECE9; --line-strong: #CBDDD8; --muted: #6B7A78; --faint: #9AAAA7; --brand-50: #E8F6F4; --brand-100: #CDEDE8; --brand-200: #A8DED6; --brand-300: #74C8BC; --brand-400: #45B0A3; --brand-500: #1F8E82; --brand-600: #19766C; --brand-700: #125852; --ok-50: #ECF7EE; --ok-100: #D5EFD9; --ok-200: #AEDFB6; --ok-300: #83CB90; --ok-500: #4CAF63; --ok-600: #3B8F4F; --ok-700: #2B6B3B; --warm-50: #FFF3EC; --warm-100: #FDE0D0; --warm-200: #FBC9AE; --warm-300: #F7AA85; --warm-400: #F28F62; --warm-500: #E0733F; --warm-600: #B95A2E; --warm-700: #83401F; --ink-50: #EEF3F3; --ink-100: #DCE6E6; --ink-200: #C0D0D0; --ink-300: #95AAAA; --ink-400: #6A8282; --ink-500: #4B6363; --ink-600: #394D4E; --ink-700: #26393A; --ink-800: #1A2929; --bad-50: #FDECEC; --bad-100: #F8CFCF; --bad-300: #E88C8C; --bad-500: #D14B4B; --bad-600: #B23A3A; } /* ---------- Lavande : blanc, lavande, jaune ---------- */ [data-palette="lavande"] { --bg: #FAF9FE; --bg-2: #F2F0FB; --line: #E6E3F4; --line-strong: #D5D0EC; --muted: #72708A; --faint: #A19FB6; --brand-50: #F1EFFC; --brand-100: #E3DFFA; --brand-200: #CCC5F4; --brand-300: #A99EEA; --brand-400: #8A7CDF; --brand-500: #6F5FD0; --brand-600: #5747B3; --brand-700: #3F338A; --ok-50: #EAF7F2; --ok-100: #D0EEE2; --ok-200: #A7DEC7; --ok-300: #7CCAA9; --ok-500: #3FA67C; --ok-600: #2F8A66; --ok-700: #236A4E; --warm-50: #FFF8E6; --warm-100: #FDEDC4; --warm-200: #FBE19B; --warm-300: #F8D06A; --warm-400: #F4C24A; --warm-500: #E0A92A; --warm-600: #B7861B; --warm-700: #7F5C10; --ink-50: #F0EFF6; --ink-100: #DEDCEC; --ink-200: #C4C1DB; --ink-300: #9A96BA; --ink-400: #6E6A92; --ink-500: #4E4A70; --ink-600: #3D3959; --ink-700: #2E2B45; --ink-800: #201E33; --bad-50: #FDECEC; --bad-100: #F8CFCF; --bad-300: #E88C8C; --bad-500: #D14B4B; --bad-600: #B23A3A; }