/* Homepage hero, the owner's dark design (v2, 2026-10-26). Loaded only on the v3 homepage when it isn't
   /?look=classic, and every rule is scoped to .v3-home--dark .v-hero, so nothing else on the site changes.
   Colours from the owner's screenshot, converted from Display P3 to sRGB: navy #1E2A5A, blue shape #144682, peach #DC905E,
   yellow #F8D169, tick green #54A696, "No CV yet?" box #FCE9AC, blue buttons #255C9D and #25456C,
   badge #4783CB, stripe #F39A5E. The first version's colours are in /root/backups/hero-dark-20261026/. */

.v3-home--dark .v-hero { background: #1E2A5A; }

/* Shapes: the blue blob top right and the peach disc behind the check card. */
.v3-home--dark .v-hero .v-hero__splat { --tone: #144682; }
.v3-home--dark .v-hero .v-hero__disc { --tone: #DC905E; }

/* Headline: white, with the yellow swash under "the job". */
.v3-home--dark .v-hero .v-lk__xl { color: #FFFFFF; }
.v3-home--dark .v-hero .v-lk__xl--under::after { background: #F8D169; }

/* Ticks: white text on green circles. */
.v3-home--dark .v-hero .v-ticks { margin-top: clamp(28px, 4vw, 48px); }
.v3-home--dark .v-hero .v-ticks li { color: #FFFFFF; }
.v3-home--dark .v-hero .v-ticks .v-ic { background: #54A696; color: #FFFFFF; }

/* "No CV yet?" box. */
.v3-home--dark .v-hero .v-nocv { background: #FCE9AC; }

/* Main button (blue) and the white "How it works" link. */
.v3-home--dark .v-hero .v-actions .v-btn--navy { --btn: #255C9D; color: #FFF6E0; }
.v3-home--dark .v-hero .v-actions .v-btn--navy:hover { --btn: #1F4F88; }
.v3-home--dark .v-hero .v-textlink { color: #FFFFFF; text-decoration-color: #F8D169; }

/* Check card: yellow FREE sticker with navy text, slate-blue "Check my CV" button. */
.v3-home--dark .v-hero .qc-sticker { color: #1F2A55; }
.v3-home--dark .v-hero .qc-sticker::before { background: #F8D169 !important; }
.v3-home--dark .v-hero .qc-card .btn--primary { --btn: #1E2A5A; color: #FFF6E0; }
.v3-home--dark .v-hero .qc-card .btn--primary:hover { --btn: #172149; }

/* "About 30 secs to your score" badge in light blue. */
.v3-home--dark .v-hero .v-hero__badge { --bg: #4783CB; --fg: #FFFFFF; --fg2: #FFFFFF; }

/* Keyboard focus stays visible on the dark background. */
.v3-home--dark .v-hero .v-hero__copy a:focus-visible { outline: 3px solid #F8D169; outline-offset: 3px; }

/* The tilted stripe along the bottom of the hero, in peach. */
.v3-home--dark .v-hero .v-stripe { background: #F39A5E; }

/* "Build my CV" in the "No CV yet?" box: orange with navy text (owner, 2026-10-26). */
.v3-home--dark .v-hero .v-nocv .v-btn--mint { --btn: #FF8A3D; color: #1E2A5A; }
.v3-home--dark .v-hero .v-nocv .v-btn--mint:hover { --btn: #F27A2C; color: #1E2A5A; }