/* ========================================================================== INDUSTRIES FAMILY — .pg-industries colour tokens (BLUE→CYAN) ========================================================================== The site's third family: Services blue · Solutions violet · Industries BLUE→CYAN. OWNER DECISION 2026-08-05: the Industries and Technologies palettes were SWAPPED — this file now carries the blue→cyan ramp built for Technologies on 2026-08-04 (Option B), and tech-family.css carries the teal ramp that lived here. The light half comes from `Reference Folder/Colour Pallete/cyan 2 Colour Pallete.jpg` counted UP TO ITS 600 (#00ACC1) — nothing darker is taken from that ramp — and the dark register is a DERIVED dark blue (hue ~200°, no green cast). OWNER-ACCEPTED DEVIATION (travels with this palette): the primary #00819F measures 4.53:1 on white — the AA floor — where the other families' primaries run ~7:1. The trade was stated and accepted when the ramp was picked for Technologies; it now applies to Industries. The gradient deliberately starts DARKER than the primary (#005A88) so thin rules keep their luminance sweep. Every Industries preview and page carries class="pg-industries" on and loads this file AFTER styles.css. Components read role tokens (--fam-*), never literal colours, so the whole family re-themes here. The only literals outside this block are the two photo-scrim gradients (ind-03 v7, ind-06 v8) — kept in step. --fam-num / --fam-dot are set one step deeper from birth — the seafoam preview's numeral lesson: pale numerals must not vanish on white. ========================================================================== */ .pg-industries { --fam-900: #072F46; /* DERIVED — deep band base, ~14:1, dark blue */ --fam-800: #04456A; /* DERIVED — band gradient mid */ --fam-700: #00819F; /* PRIMARY (owner pick, the "500" step) — 4.53:1 */ --fam-500: #0096B1; /* derived interactive step */ --fam-400: #00ACC1; /* reference — cyan-2 ramp 600: gradient end, borders on light */ --fam-300: #4DD0E1; /* reference ramp 300 — accents on dark, 7.6:1/900 */ --fam-200: #80DEEA; /* reference ramp 200 — sub-text on dark bands */ --fam-100: #B2EBF2; /* reference ramp 100 — hairlines on dark */ --fam-tint: #E9F5F9; --fam-tint-2: #EFF9FB; --fam-chip: #DAF0F5; --fam-line: #D2EBF2; --fam-line-2: #C7E5EE; --fam-rule: #CFEAF1; --fam-rule-2: #E2F3F7; --fam-num: #7FC7D6; --fam-dot: #6CBBCD; /* set one step deeper from birth — the seafoam preview's numeral lesson */ --fam-ink-2: #2C4854; --fam-ink-3: #35565F; --fam-shadow: 0,129,159; --fam-shadow-900: 7,47,70; --fam-glow: 77,208,225; --fam-grad: linear-gradient(90deg, #005A88 0%, #00ACC1 100%); --fam-grad-deep: linear-gradient(135deg, #072F46 0%, #04456A 45%, #005A88 100%); --dx-accent: var(--fam-700); --dx-accent-2: var(--fam-400); --dx-grad: var(--fam-grad); --dx-num: var(--fam-num); } /* KNOWN TOKEN GAP (INDUSTRIES-PAGEBUILD.md §2): styles.css hardcodes the .dx-band--statement scrim in the old page's violet. None of the Industries section designs use that band; if a Phase-2/3 composition ever does, this scoped re-grade covers it. */ .pg-industries .dx-band--statement::after { background: linear-gradient(104deg, rgba(7,47,70,.92) 0%, rgba(7,47,70,.72) 38%, rgba(0,90,136,.42) 68%, rgba(0,90,136,.22) 100%); }