/* Winix theme for the LP design system (design-system.css).
   Only the brand tokens change: Winix green instead of Freecash green.
   Surfaces, text and components keep the design system's dark defaults. */

:root {
    /* Brand scale: Winix green #00ae4b sits at 500 */
    --color-core-freecashGreen-50: #e6f7ee;
    --color-core-freecashGreen-100: #c8eed9;
    --color-core-freecashGreen-200: #93ddb4;
    --color-core-freecashGreen-300: #52c98a;
    --color-core-freecashGreen-400: #1fbb64;
    --color-core-freecashGreen-500: #00ae4b;
    --color-core-freecashGreen-600: #009a42;
    --color-core-freecashGreen-700: #008038;
    --color-core-freecashGreen-800: #00662d;
    --color-core-freecashGreen-900: #003317;
    --color-core-freecashGreen-25-A10: #00ae4b1a;
    --color-core-freecashGreen-25-A30: #00ae4b4d;
    --color-core-freecashGreen-25-A50: #00ae4b80;
    --color-core-freecashGreen-25-A70: #00ae4bb3;
    --color-core-freecashGreen-25-A80: #00ae4bcc;
}

.lp-v12 {
    --lp-primary: 146 100% 34%;
}

/* Grey blocks standing in for screenshots and visuals until real assets are added */
.lp-v12 .lp-placeholder {
    background-color: #2f3043;
    background-image: linear-gradient(135deg, #34364b, #2a2b3d)
}

/* FAQ hover border (the compiled build has no hover:lp-border-border rule) */
.lp-v12 .lp-hover-border:hover {
    border-color: hsl(var(--lp-border))
}

/* FAQ and footer chevrons when open */
[aria-expanded=true]>.lp-chevron {
    transform: rotate(180deg)
}

/* No JS: never leave scroll-revealed content hidden */
.no-js .lp-v12 .lp-in-armed,
.no-js .lp-v12 .lp-in-armed .lp-in {
    opacity: 1;
    transform: rotate(var(--lp-in-rotate, 0deg))
}

/* Utilities the compiled build lacks: the capture only kept rules the Freecash page was using */
.text-core-greyBlue-25 {
    color: var(--color-core-greyBlue-25)
}

.grid-rows-\[1fr\] {
    grid-template-rows: 1fr
}

.opacity-100 {
    opacity: 1
}

/* Winix font: Hanken Grotesk (the Google Fonts release of HK Grotesk) everywhere */
:root {
    --font-poppins: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif
}

/* Hanken Grotesk bold reads lighter than Poppins bold: titles and bold text use 800 for the same weight */
.lp-v12 :is(h1, h2, h3),
.lp-v12 .font-bold {
    font-weight: 800
}

/* Hero: larger text on phones */
.lp-v12 .lp-hero-title {
    font-size: clamp(2.75rem, 14vw, 3.75rem);
    line-height: 1.02
}

.lp-v12 .lp-hero-lead {
    font-size: 18px;
    line-height: 1.6
}

.lp-v12 .lp-hero-point {
    font-size: 15px
}

/* From 640px: design system sizes, with a slightly larger title */
@media (min-width:640px) {
    .lp-v12 .lp-hero-title {
        font-size: 56px;
        line-height: 1
    }

    .lp-v12 .lp-hero-lead {
        font-size: 18px;
        line-height: 28px
    }

    .lp-v12 .lp-hero-point {
        font-size: 14px
    }
}

/* Navbar: a single "Commencer" button on phones, Se connecter + S'inscrire from 640px */
@media (max-width:639px) {
    .lp-nav-wide {
        display: none
    }
}

@media (min-width:640px) {
    .lp-nav-phone {
        display: none
    }
}