/* * Loaded after vendor/futurecraft/css/main.css from layout . * Neutralizes FutureCraft’s default electric blue accent. */ :root, html, html.light, html.dark, html[color-scheme="light"], html[color-scheme="dark"] { --accent--light: #1a1a1a !important; --highlight--light: #5c5c5c !important; --accent--dark: #f2f2f2 !important; --highlight--dark: #c8c8c8 !important; --pt-t-accent-bright: #ffffff !important; --pt-t-accent-medium: #a8a8a8 !important; --pt-t-accent-muted: #7a7a7a !important; /* Body/muted text — FutureCraft cool blue-grays → neutral gray */ --t-medium--light: #595959 !important; --t-muted--light: #7a7a7a !important; --t-opp-medium--light: #a8a8a8 !important; --t-medium--dark: #a8a8a8 !important; --t-opp-medium--dark: #666666 !important; --t-opp-muted--dark: #7a7a7a !important; /* Dark scheme surface (FutureCraft default was #0f0f0f) */ --base--dark: #010101 !important; --base-rgb--dark: 1, 1, 1 !important; --base-tint--dark: #010101 !important; --base-tint-rgb--dark: 1, 1, 1 !important; --base-bright--dark: #010101 !important; --base-bright-rgb--dark: 1, 1, 1 !important; --pt-base-dark: #010101 !important; /* Opposite of light surfaces — pixel dissolves / permanent dark blocks */ --base-opp--light: #010101 !important; --base-opp-rgb--light: 1, 1, 1 !important; } html[color-scheme="light"], html.light { --accent: #1a1a1a !important; --highlight: #5c5c5c !important; --t-medium: #595959 !important; --t-muted: #7a7a7a !important; --t-opp-medium: #a8a8a8 !important; } html[color-scheme="dark"], html.dark { --accent: #f2f2f2 !important; --highlight: #c8c8c8 !important; --t-medium: #a8a8a8 !important; --t-opp-medium: #666666 !important; --t-opp-muted: #7a7a7a !important; /* Dark mode canvas */ --base--dark: #010101 !important; --base-rgb--dark: 1, 1, 1 !important; --base-tint--dark: #010101 !important; --base-tint-rgb--dark: 1, 1, 1 !important; --base-bright--dark: #010101 !important; --base-bright-rgb--dark: 1, 1, 1 !important; --base: #010101 !important; --base-rgb: 1, 1, 1 !important; --base-tint: #010101 !important; --base-tint-rgb: 1, 1, 1 !important; --base-bright: #010101 !important; --base-bright-rgb: 1, 1, 1 !important; --pt-base-dark: #010101 !important; background-color: #010101; } /* * Accent cursor label is hardcoded white (FutureCraft blue fill). * FC dark accent is near-white → "What We Do" etc. vanish on hover. */ html.dark .mxd-cursor__text.accent, html[color-scheme="dark"] .mxd-cursor__text.accent { color: var(--nl-black) !important; } /* Same UA-blue kill as globals.css — linked after vendor for cascade safety */ a, a:link, a:visited { color: inherit; } /* Filled plates: a:link inherit would paint cream on cream. */ a.fc-btn:not(.fc-btn--ghost), a.fc-btn:not(.fc-btn--ghost):link, a.fc-btn:not(.fc-btn--ghost):visited, a.fc-btn:not(.fc-btn--ghost):hover, a.fc-btn:not(.fc-btn--ghost):active { color: var(--base); } a.btn-default-permanent, a.btn-default-permanent:link, a.btn-default-permanent:visited, a.btn-default-permanent:hover, a.btn-round-permanent, a.btn-round-permanent:link, a.btn-round-permanent:visited, a.btn-round-permanent:hover { color: var(--nl-black); } /* Vendor main.css paints Azurio 1920x1200_h01 on .mxd-hero-01. Kill it here (blocking, immediately after main.css) so the man-on-red cannot flash before Next.js globals.css arrives. The webp file stays on disk. */ .mxd-hero-01, .mxd-hero-09 { background-image: none !important; background-color: #010101 !important; }