/* Qreew typography v2 — Clay-style: Figtree (self-hosted, OFL), medium weight, tight headings.
   Scoped: product mock-ups / illustrations keep their own font and sizes so nothing moves. Colours untouched. */
@font-face{font-family:"Qreew Sans";font-style:normal;font-weight:300 900;font-display:swap;src:url(fonts/figtree-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Qreew Sans";font-style:normal;font-weight:300 900;font-display:swap;src:url(fonts/figtree-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ty-font:"Qreew Sans",Figtree,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--ty-h1:clamp(40px,4.9vw,68px);--ty-h2:clamp(32px,3.6vw,52px);--ty-h3:clamp(22px,2.1vw,30px);--ty-h4:clamp(18px,1.5vw,22px)}
/* Illustrations keep the previous font stack. */
[data-pv-scene],[data-sa-scene],[class*="pi-"],[class*="sa-"],[class$="-art"],[class*="-art "],[class*="pv-scene"],[class*="pv-icon"],.home-ui,.hui,.scene-art,dialog{--qreew-font:Manrope,Arial,sans-serif}
:root{--qreew-font:var(--ty-font)}
body:not(#q) *:not(pre):not(code):not(kbd):not(.mono):not(:where([data-pv-scene],[data-sa-scene],[class*="pi-"],[class*="sa-"],[class$="-art"],[class*="-art "],[class*="pv-scene"],[class*="pv-icon"],.home-ui,.hui,.scene-art,dialog,[data-pv-scene] *,[data-sa-scene] *,[class*="pi-"] *,[class*="sa-"] *,[class$="-art"] *,[class*="-art "] *,[class*="pv-scene"] *,[class*="pv-icon"] *,.home-ui *,.hui *,.scene-art *,dialog *,.pc-facts *,.pc-toc *,.pc-sidebar *)){font-family:var(--ty-font)!important}
body:not(#q){-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body:not(#q) :is(#main,.site-end,.studio-hero) :is(h1,h2,h3,h4):not(:where([data-pv-scene],[data-sa-scene],[class*="pi-"],[class*="sa-"],[class$="-art"],[class*="-art "],[class*="pv-scene"],[class*="pv-icon"],.home-ui,.hui,.scene-art,dialog,[data-pv-scene] *,[data-sa-scene] *,[class*="pi-"] *,[class*="sa-"] *,[class$="-art"] *,[class*="-art "] *,[class*="pv-scene"] *,[class*="pv-icon"] *,.home-ui *,.hui *,.scene-art *,dialog *,.pc-facts *,.pc-toc *,.pc-sidebar *)){font-weight:560!important;text-transform:none!important;font-style:normal}
body:not(#q) :is(#main,.site-end,.studio-hero) h1:not(:where([data-pv-scene],[data-sa-scene],[class*="pi-"],[class*="sa-"],[class$="-art"],[class*="-art "],[class*="pv-scene"],[class*="pv-icon"],.home-ui,.hui,.scene-art,dialog,[data-pv-scene] *,[data-sa-scene] *,[class*="pi-"] *,[class*="sa-"] *,[class$="-art"] *,[class*="-art "] *,[class*="pv-scene"] *,[class*="pv-icon"] *,.home-ui *,.hui *,.scene-art *,dialog *,.pc-facts *,.pc-toc *,.pc-sidebar *)){font-size:var(--ty-h1)!important;line-height:1.02!important;letter-spacing:-.045em!important}
body:not(#q) :is(#main,.site-end,.studio-hero) h2:not(:where([data-pv-scene],[data-sa-scene],[class*="pi-"],[class*="sa-"],[class$="-art"],[class*="-art "],[class*="pv-scene"],[class*="pv-icon"],.home-ui,.hui,.scene-art,dialog,[data-pv-scene] *,[data-sa-scene] *,[class*="pi-"] *,[class*="sa-"] *,[class$="-art"] *,[class*="-art "] *,[class*="pv-scene"] *,[class*="pv-icon"] *,.home-ui *,.hui *,.scene-art *,dialog *,.pc-facts *,.pc-toc *,.pc-sidebar *)){font-size:var(--ty-h2)!important;line-height:1.05!important;letter-spacing:-.04em!important}
body:not(#q) :is(#main,.site-end) h3:not(:where([data-pv-scene],[data-sa-scene],[class*="pi-"],[class*="sa-"],[class$="-art"],[class*="-art "],[class*="pv-scene"],[class*="pv-icon"],.home-ui,.hui,.scene-art,dialog,[data-pv-scene] *,[data-sa-scene] *,[class*="pi-"] *,[class*="sa-"] *,[class$="-art"] *,[class*="-art "] *,[class*="pv-scene"] *,[class*="pv-icon"] *,.home-ui *,.hui *,.scene-art *,dialog *,.pc-facts *,.pc-toc *,.pc-sidebar *)){font-size:var(--ty-h3)!important;line-height:1.1!important;letter-spacing:-.03em!important}
body:not(#q) :is(#main,.site-end) h4:not(:where([data-pv-scene],[data-sa-scene],[class*="pi-"],[class*="sa-"],[class$="-art"],[class*="-art "],[class*="pv-scene"],[class*="pv-icon"],.home-ui,.hui,.scene-art,dialog,[data-pv-scene] *,[data-sa-scene] *,[class*="pi-"] *,[class*="sa-"] *,[class$="-art"] *,[class*="-art "] *,[class*="pv-scene"] *,[class*="pv-icon"] *,.home-ui *,.hui *,.scene-art *,dialog *,.pc-facts *,.pc-toc *,.pc-sidebar *)){font-size:var(--ty-h4)!important;line-height:1.2!important;letter-spacing:-.02em!important}
body:not(#q) #main :is(.card-grid,.offer-grid,.ob-benefit-grid,.ob-process-grid,.ob-next-grid,.scope-grid,.ac-kind-grid,.resource-card,.method-path,.obf-card,.sx-lines-list,.pc-toc,.sat-check) h3:not(:where([data-pv-scene],[data-sa-scene],[class*="pi-"],[class*="sa-"],[class$="-art"],[class*="-art "],[class*="pv-scene"],[class*="pv-icon"],.home-ui,.hui,.scene-art,dialog,[data-pv-scene] *,[data-sa-scene] *,[class*="pi-"] *,[class*="sa-"] *,[class$="-art"] *,[class*="-art "] *,[class*="pv-scene"] *,[class*="pv-icon"] *,.home-ui *,.hui *,.scene-art *,dialog *,.pc-facts *,.pc-toc *,.pc-sidebar *)){font-size:20px!important;line-height:1.15!important}
body:not(#q) #main :is(.pc-hero,.pc-h) h1:not(:where([data-pv-scene],[data-sa-scene],[class*="pi-"],[class*="sa-"],[class$="-art"],[class*="-art "],[class*="pv-scene"],[class*="pv-icon"],.home-ui,.hui,.scene-art,dialog,[data-pv-scene] *,[data-sa-scene] *,[class*="pi-"] *,[class*="sa-"] *,[class$="-art"] *,[class*="-art "] *,[class*="pv-scene"] *,[class*="pv-icon"] *,.home-ui *,.hui *,.scene-art *,dialog *,.pc-facts *,.pc-toc *,.pc-sidebar *)){font-size:clamp(38px,4.6vw,66px)!important}
body:not(#q) :is(.eyebrow,.ob-label,.sx-label):not(:where([data-pv-scene],[data-sa-scene],[class*="pi-"],[class*="sa-"],[class$="-art"],[class*="-art "],[class*="pv-scene"],[class*="pv-icon"],.home-ui,.hui,.scene-art,dialog,[data-pv-scene] *,[data-sa-scene] *,[class*="pi-"] *,[class*="sa-"] *,[class$="-art"] *,[class*="-art "] *,[class*="pv-scene"] *,[class*="pv-icon"] *,.home-ui *,.hui *,.scene-art *,dialog *,.pc-facts *,.pc-toc *,.pc-sidebar *)){font-weight:600}
@media(max-width:800px){:root{--ty-h1:clamp(38px,10.4vw,48px);--ty-h2:clamp(29px,7.4vw,34px);--ty-h3:clamp(21px,5.4vw,25px)}}

body:not(#q) :is(h1,h2,h3,h4) em{font-weight:inherit!important}

/* Text colours: Navy #252B59 titles, muted navy #5A5F82 copy, Bleu Qreew #5268EC links and emphasis. Dark panels keep white/cream. */
:root{--qreew-text-muted:#5A5F82}
body.studio-home :is(#main,.site-end) :is(h1,h2,h3,h4):not(:where([class*="dark"],dialog) *):not(:where([data-pv-scene],[data-sa-scene],[class*="pi-"],[class*="sa-"],[class$="-art"],[class*="-art "],[class*="pv-scene"],[class*="pv-icon"],.home-ui,.hui,.scene-art,dialog,[data-pv-scene] *,[data-sa-scene] *,[class*="pi-"] *,[class*="sa-"] *,[class$="-art"] *,[class*="-art "] *,[class*="pv-scene"] *,[class*="pv-icon"] *,.home-ui *,.hui *,.scene-art *,dialog *,.pc-facts *,.pc-toc *,.pc-sidebar *)){color:#252B59}
body.studio-home #main p:not(:where([data-pv-scene],[data-sa-scene],[class*="pi-"],[class*="sa-"],[class$="-art"],[class*="-art "],[class*="pv-scene"],[class*="pv-icon"],.home-ui,.hui,.scene-art,dialog,[data-pv-scene] *,[data-sa-scene] *,[class*="pi-"] *,[class*="sa-"] *,[class$="-art"] *,[class*="-art "] *,[class*="pv-scene"] *,[class*="pv-icon"] *,.home-ui *,.hui *,.scene-art *,dialog *,.pc-facts *,.pc-toc *,.pc-sidebar *)){color:#5A5F82}
body.studio-home #main :is(h1,h2,h3) em:not(:where([data-pv-scene],[data-sa-scene],[class*="pi-"],[class*="sa-"],[class$="-art"],[class*="-art "],[class*="pv-scene"],[class*="pv-icon"],.home-ui,.hui,.scene-art,dialog,[data-pv-scene] *,[data-sa-scene] *,[class*="pi-"] *,[class*="sa-"] *,[class$="-art"] *,[class*="-art "] *,[class*="pv-scene"] *,[class*="pv-icon"] *,.home-ui *,.hui *,.scene-art *,dialog *,.pc-facts *,.pc-toc *,.pc-sidebar *)){color:#5268EC}

/* Publisher pages: sentence-length H2 stay readable; white copy on the navy call-out. */
body:not(#q) #main .pc-article h2{font-size:clamp(28px,2.9vw,40px)!important;line-height:1.1!important}
body:not(.studio-home) #main .pc-callout p{color:#fff!important}
/* Selectable list items (workflows page) are not headings: same size as card titles. */
body:not(#q) .wf-plist button strong{font-size:20px!important;line-height:1.2!important;letter-spacing:-.015em!important;font-weight:600!important}

/* Home keeps the large hero title. */
body.studio-home{--ty-h1:clamp(42px,5.7vw,80px)}
@media(max-width:800px){body.studio-home{--ty-h1:clamp(38px,10.4vw,48px)}}
/* Process pages (paie, onboarding, recrutement, absences, offboarding): official palette for text and accents.
   Illustrations get the previous variables back, so their colours and sizes do not move. */
body:not(#q):not(.studio-home) #main .ob.pv-page{--pv-ink:#252B59;--pv-copy:#5A5F82}
body:not(#q):not(.studio-home) #main .ob.pv-page :is([data-pv-scene],[data-sa-scene],[class*="pi-"],[class*="sa-"],[class$="-art"],[class*="-art "],[class*="pv-scene"],[class*="pv-icon"]){--pv-ink:#4B2C5E;--pv-copy:#7A5C8C}
body:not(#q) #main .ob.pv-page h1{font-size:clamp(36px,4.1vw,58px)!important}
body:not(#q) #main .ob.pv-page :is(h1,h2,h3) em:not(:where([data-pv-scene],[data-sa-scene],[class*="pi-"],[class*="sa-"],[class$="-art"],[class*="-art "]) *){color:#5268EC!important;-webkit-text-fill-color:#5268EC!important}
body:not(#q) #main .ob.pv-page .ob-label:not(:where([data-pv-scene],[data-sa-scene],[class*="pi-"],[class*="sa-"],[class$="-art"],[class*="-art "]) *){background:#5268EC!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body:not(#q) #main .ob.pv-page :is(.ob-process-num,.ob-process-grid a,.ob-case-facts b,.ob-tabs button:not(.on):not([aria-selected=true])):not(:where([data-pv-scene],[data-sa-scene],[class*="pi-"],[class*="sa-"],[class$="-art"],[class*="-art "]) *){color:#5268EC!important}
body:not(#q) #main .ob.pv-page .obf-strip{background:#EEF1FD!important}
