ivory and ivory/charcoal; the approved page is the marble near-white --background with near-black ink. */ html:root { background: var(--background); /* globals.css sets smooth scrolling site-wide; the approved homepage relies on default (instant) programmatic scrolls — the veil navigation cuts, it never animates across the 600vh pin. */ scroll-behavior: auto; } html body { background-color: var(--background); color: var(--foreground); } body main { background: transparent; } /* globals.css sets Inter on ; the approved homepage renders body copy in the Tailwind v4 default sans stack (Inter is never loaded on that page). */ html body { font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } /* globals.css uses a gold selection; the approved page inverts ink/marble. */ body ::selection { background: var(--foreground); color: var(--background); } /* The homepage is sealed English/LTR content. When the app locale is RTL the root carries dir="rtl" and text-align: right; this wrapper restores the approved presentation without touching locale resolution. */ .gj-home-root { direction: ltr; text-align: left; } /* When a session exists, CinematicHome renders the app's authenticated Navigation on this route. home-tailwind.css redefines base display utilities (.grid/.block) AFTER globals.css here, which clobbers globals' responsive `lg:hidden` — leaving Navigation's mobile-only hamburger visible at desktop (>=1024). This last-loaded, higher-specificity rule restores lg:hidden for the Navigation header only (this sheet loads on "/" alone, so it can never affect app pages or the sealed content). */ @media (min-width: 1024px) { [data-authenticated-navigation] .lg\:hidden { display: none; } } /* Hero polish: the Generation Justice blue, carried from the app's design system (tailwind.config.ts blue-primary #1d4ed8) into the sealed hero as a single premium accent. The compiled home-tailwind.css ships fixed utilities only, so these route-scoped classes are the sanctioned extension point. Used for the headline emphasis ("rising"), the scene eyebrows, and the decorative metadata rails; everything else keeps the approved ink. */ .gj-home-root .gj-accent { color: #1d4ed8; } /* The corner rails are aria-hidden ornament; a quieter mix keeps blue an accent rather than a field. */ .gj-home-root .gj-accent-soft { color: color-mix(in oklab, #1d4ed8 78%, var(--foreground) 22%); } /* Join / primary CTA. The sealed page previously filled these with `bg-foreground` (near-black), which read as a different product from the authenticated app. Same blue-primary the app uses, with blue-primary-strong on hover. White on #1d4ed8 is 8.59:1. */ /* Matches the application's primary authentication control (`bg-blue-ink`, tailwind.config.ts blue-ink #0b2a5e), so Join on the homepage reads as the same button as Log in on the Account Access page. Hover lifts to the established blue-primary-strong token rather than a new value. White on #0b2a5e is 13.7:1. */ .gj-home-root .gj-cta { background-color: #0b2a5e; color: #ffffff; } .gj-home-root .gj-cta:hover { background-color: #1e40af; } .gj-home-root .gj-cta:focus-visible { outline-color: #0b2a5e; } /* Lower-page footer: the app's deep navy (blue-ink) instead of near-black, so the page closes in the same register the workspace uses. */ .gj-home-root .gj-footer { background-color: #0b2a5e; } /* Restrained accent: the scroll-progress rail picks up a hint of blue instead of neutral ink. Ornament only — no layout change. */ .gj-home-root .gj-progress { background-color: #1d4ed8; }