/* ============================================================
   Product colors: the "Mineral" palette, chosen 2026-09-24.
   Each product page keeps the lavender sky, type and buttons, and its
   own color sets the hero ground, the tint of the beige sections, the
   accent (labels, links, highlights, diagrams) and the closing sky.
   Migration: indigo slate #5566A8. MCP: eucalyptus #6E9C8C.
   Revenue: copper #B06A3B. Hygiene and the homepage keep the house
   lavender. The accent override is scoped to main, so the site header and
   footer keep the brand lavender. Generated from art/make-art-palettes.py (palette 6);
   hero art is art/hero-<product>.jpg.
   ============================================================ */
body.page--crm-migration { --sand: #EFEEED; --sky: #8F99C2; --sky-700: #414C77; --sky-200: #D5D7E2; --sky-50: #F4F5F8; }
body.page--crm-migration .hero-bg i { background-image: url(art/hero-migration.jpg); }
body.page--crm-migration .closing--dusk, body.page--crm-migration .re-closing { background-color: #1C1E35; }
body.page--crm-migration .closing--dusk .closing-bg { filter: hue-rotate(-24deg) saturate(0.8); }
body.page--crm-migration .section--sand .panel:not(.is-open) { background: #E2E0E0; }
body.page--revops-mcp { --sand: #F0F0EB; }
body.page--revops-mcp main { --lavender-50: #F5F7F6; --lavender-100: #EAEEEC; --lavender-200: #D8DFDC; --lavender-300: #BACEC7; --lavender-400: #9AB7AD; --lavender-500: #6E9C8C; --lavender-600: #5D8376; --lavender-700: #4C6B61; --lavender-800: #3B544B; --lavender-900: #2A3C36; }
body.page--revops-mcp .hero-bg i { background-image: url(art/hero-mcp.jpg); }
body.page--revops-mcp .closing--dusk, body.page--revops-mcp .re-closing { background-color: #21292F; }
body.page--revops-mcp .closing--dusk .closing-bg { filter: hue-rotate(-93deg) saturate(0.8); }
body.page--revenue { --sand: #F3EEE9; }
body.page--revenue main { --lavender-50: #F9F6F4; --lavender-100: #F1EBE7; --lavender-200: #E5D9D2; --lavender-300: #DFBFAA; --lavender-400: #CFA181; --lavender-500: #B06A3B; --lavender-600: #A2663E; --lavender-700: #855433; --lavender-800: #674127; --lavender-900: #4A2F1C; }
body.page--revenue .hero-bg i { background-image: url(art/hero-revenue.jpg); }
body.page--revenue .closing--dusk, body.page--revenue .re-closing { background-color: #2E1F1F; }
body.page--revenue .closing-bg { filter: hue-rotate(-228deg) saturate(0.8); }

/* Data Capture (#A26F7E): same treatment as the other product pages */
body.page--data-capture { --sand: #F1EEEB; }
body.page--data-capture main { --lavender-50: #F7F5F6; --lavender-100: #EEEAEB; --lavender-200: #E0D7DA; --lavender-300: #D0B9C0; --lavender-400: #B998A1; --lavender-500: #A26F7E; --lavender-600: #865A67; --lavender-700: #6E4A54; --lavender-800: #553A42; --lavender-900: #3D292F; }
body.page--data-capture .hero-bg i { background-image: url(art/hero-capture.jpg); }
body.page--data-capture .closing--dusk { background-color: #2C202C; }
body.page--data-capture .closing--dusk .closing-bg { filter: hue-rotate(90deg) saturate(0.8); }