/* ============================================================
   Tokens communs — pages d'authentification.
   Chargé AVANT style.portail.{trigramme}.css (qui fournit --brand).
   ============================================================ */
:root {
    --font-stack: "Poppins", "Segoe UI", system-ui, -apple-system, sans-serif;

    --ink: #1F2D3D;
    --muted: #7B8A9A;
    --label: #33465C;
    --color-default: #90A7B8;

    --input-bg: #F7F9FC;
    --input-border: #E3E9F0;
    --input-border-hover: #C9D6E2;
    --input-radius: 12px;
    --input-text: #1F2D3D;
    --input-placeholder: #9AAAB9;

    --radius-btn: 12px;
    --danger: #D93636;
    --success: #1F9D61;
    --panel-navy: #10233F;

    /* ---- Volet de marque (maquette « Aplat ») ----
       Chaque tenant surcharge ces variables dans style.portail.{trigramme}.css.
       --auth-panel-bg porte l'aplat, --auth-panel-shade le voile bas,
       --auth-photo-* le cadrage du visuel et --auth-logo-filter la teinte du logo. */
    --auth-panel-radius: 40px;
    --auth-panel-bg: var(--brand);
    --auth-panel-shade: color-mix(in srgb, var(--auth-panel-bg) 76%, #000);
    --auth-panel-ink: #FFFFFF;
    --auth-panel-ink-soft: rgba(255, 255, 255, .78);
    --auth-panel-rule: #FFFFFF;

    --auth-scrim-near: 97%;
    --auth-scrim-mid: 78%;
    --auth-scrim-far: 46%;

    --auth-photo-opacity: .32;
    --auth-photo-filter: grayscale(.35) contrast(1.04);
    --auth-photo-position: 58% 42%;

    --auth-logo-filter: brightness(0) invert(1);
    --auth-logo-width: clamp(140px, 13vw, 200px);
    --auth-logo-ratio: .37;
}