/* Identité Rappli v10. Valeurs de la homepage validée, partagées sans imposer sa mise en page. */
:root{
 --rappli-font:'Nunito Sans',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
 --rappli-navy:oklch(.255154 .082572 266.1555);
 --rappli-blue:oklch(.382046 .137885 265.2354);
 --rappli-ink:oklch(.392533 .048254 267.0905);
 --rappli-muted:oklch(.484016 .054243 267.2636);
 --rappli-line:oklch(.933887 .014168 268.4889);
 --rappli-line-strong:oklch(.894071 .020232 267.2754);
 --rappli-surface:oklch(.969128 .010290 261.7891);
 --rappli-white:oklch(1.000000 0.000000 89.8756);
 --rappli-field-line:color-mix(in oklch,var(--rappli-muted) 70%,var(--rappli-white));
 --rappli-green:oklch(.461761 .096727 164.2969);
 --rappli-green-bright:oklch(.598938 .127812 163.3656);
 --rappli-radius-card:26px;
 --rappli-radius-control:14px;
 --rappli-radius-field:12px;
 --rappli-radius-pill:999px;
 --rappli-shadow-light:0 1px 2px color-mix(in oklch,var(--rappli-navy) 5%,transparent),0 6px 14px -8px color-mix(in oklch,var(--rappli-navy) 12%,transparent);
 --rappli-shadow-card:inset 0 1px 0 #fff,0 3px 6px -3px color-mix(in oklch,var(--rappli-navy) 10%,transparent),0 20px 44px -24px color-mix(in oklch,var(--rappli-navy) 24%,transparent);
 --rappli-shadow-product:inset 0 1px 0 #fff,0 4px 10px -5px color-mix(in oklch,var(--rappli-navy) 12%,transparent),0 28px 56px -28px color-mix(in oklch,var(--rappli-navy) 27%,transparent);
 --rappli-ease:cubic-bezier(.23,1,.32,1);
 --rappli-fast:160ms;
 --rappli-state:220ms;
 --navy:var(--rappli-navy);--blue:var(--rappli-blue);--ink:var(--rappli-ink);--muted:var(--rappli-muted);
 --line:var(--rappli-line);--line-strong:var(--rappli-line-strong);--surface:var(--rappli-surface);--white:var(--rappli-white);--green:var(--rappli-green);
}
.rp-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 24px;border:1px solid var(--rappli-line-strong);border-radius:var(--rappli-radius-control);background:#fff;color:var(--rappli-navy);font:700 16px/1.4 var(--rappli-font);text-decoration:none;cursor:pointer;box-shadow:var(--rappli-shadow-light);transition:background-color var(--rappli-fast),border-color var(--rappli-fast),transform var(--rappli-fast) var(--rappli-ease)}
.rp-button--primary{background:var(--rappli-blue);color:#fff;border-color:var(--rappli-blue);box-shadow:inset 0 1px 0 #ffffff2e,0 3px 0 color-mix(in oklch,var(--rappli-blue) 85%,black),0 10px 24px -12px color-mix(in oklch,var(--rappli-blue) 45%,transparent)}
.rp-button--pill{border-radius:var(--rappli-radius-pill)}
.rp-button:active{transform:translateY(1px)}
.rp-button:is(:disabled,[aria-disabled=true]){cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}
.rp-button .icon{width:18px;height:18px;transition:transform var(--rappli-fast) var(--rappli-ease)}
.rp-card{padding:32px;border:1px solid var(--rappli-line);border-radius:var(--rappli-radius-card);background:#fff;box-shadow:var(--rappli-shadow-card)}
.rp-card--soft{background:color-mix(in oklch,var(--rappli-surface) 76%,#fff)}
.rp-field,.rp-select{width:100%;min-height:50px;padding:12px 15px;border:1px solid var(--rappli-field-line);border-radius:var(--rappli-radius-field);background:#fff;color:var(--rappli-navy);font:500 16px/1.5 var(--rappli-font);box-shadow:var(--rappli-shadow-light);transition:border-color var(--rappli-fast),box-shadow var(--rappli-fast)}
.rp-label{display:block;margin-bottom:8px;color:var(--rappli-navy);font:700 15px/1.5 var(--rappli-font)}
.rp-field::placeholder{color:var(--rappli-muted);opacity:1}
.rp-field[aria-invalid=true]{border-color:#b42332}
.rp-alert{padding:16px 18px;border:1px solid var(--rappli-line);border-radius:var(--rappli-radius-field);background:var(--rappli-surface);color:var(--rappli-ink);font:500 15px/1.6 var(--rappli-font)}
.rp-alert--error{background:#fff5f5;border-color:#efd2d6;color:#94283a}
.rp-alert--success{background:#f1faf6;border-color:#c8e5d8;color:#176a50}
.rp-tabs{display:flex;gap:5px;padding:5px;border:1px solid var(--rappli-line);border-radius:var(--rappli-radius-pill);background:var(--rappli-surface);box-shadow:var(--rappli-shadow-light)}
.rp-tabs>button{flex:1;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:inherit;background:transparent;font:700 15px/1.4 var(--rappli-font);color:var(--rappli-muted);cursor:pointer}
.rp-tabs>button[aria-selected=true],.rp-tabs>button[aria-pressed=true]{background:#fff;border-color:var(--rappli-line-strong);color:var(--rappli-navy);box-shadow:var(--rappli-shadow-light)}
.rp-heading{color:var(--rappli-navy);font-family:var(--rappli-font);font-weight:800;line-height:1.18;letter-spacing:-.025em;text-wrap:balance}
.rp-heading-accent{color:var(--rappli-blue)}
@supports(background-clip:text){.rp-heading-accent{background:linear-gradient(100deg,#345ea2,var(--rappli-green-bright));background-clip:text;-webkit-background-clip:text;color:transparent}}
:is(.rp-button,.rp-field,.rp-select,.rp-tabs>button):focus-visible{outline:3px solid var(--rappli-blue);outline-offset:4px}
@media(hover:hover) and (pointer:fine){.rp-button:not(:disabled,[aria-disabled=true]):hover{border-color:var(--rappli-navy);color:var(--rappli-navy)}.rp-button--primary:not(:disabled,[aria-disabled=true]):hover{background:var(--rappli-navy);color:#fff}.rp-button:hover .icon{transform:translateX(2px)}}
@media(max-width:600px){.rp-card{padding:24px;border-radius:22px}.rp-tabs>button{padding-inline:12px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.rp-button,.rp-button .icon,.rp-field,.rp-select{transition:none}.rp-button:active,.rp-button:hover .icon{transform:none}}
@media(forced-colors:active){.rp-button,.rp-card,.rp-field,.rp-select,.rp-alert,.rp-tabs{border-color:CanvasText;box-shadow:none}.rp-heading-accent{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}