/* ==========================================================================
   OGFA — Charte graphique officielle
   Tokens, barre des 5 pôles, footer signature, écran de bienvenue.
   Source : charte des applications internes OGFA — ne pas modifier les
   valeurs ni les courbes/durées d'animation.
   ========================================================================== */

:root{
  /* Bleu OGFA — couleur primaire (attention : "navy" = bleu ciel #008ECF, pas bleu marine, c'est voulu) */
  --ogfa-brand:#008ECF; --ogfa-brand-700:#006B9E; --ogfa-brand-50:#E6F4FB;
  --ogfa-navy-500:#008ECF; --ogfa-navy-600:#007DB8; --ogfa-navy-800:#005580;
  /* Les 5 pôles OGFA (ordre fixe) */
  --ogfa-rose:#E60064; --ogfa-jaune:#FFCC00; --ogfa-vert:#95C11F; --ogfa-bleu:#008ECF; --ogfa-violet:#762282;
  /* Layout */
  --ogfa-bg:#E5E7EB; --ogfa-card:#FFFFFF; --ogfa-text-sub:#6B7280; --ogfa-border:#E5E7EB;
  /* Ombres */
  --ogfa-shadow-card:0 1px 3px rgb(0 0 0/.04),0 1px 2px rgb(0 0 0/.03);
  --ogfa-shadow-nav:0 1px 3px rgb(0 0 0/.06),0 1px 2px rgb(0 0 0/.04);
  --ogfa-shadow-elevated:0 10px 25px -5px rgb(0 0 0/.1),0 4px 10px rgb(0 0 0/.04);
}

/* --------------------------------------------------------------------------
   Barre des 5 pôles (signature visuelle obligatoire, sous le header)
   Ordre FIXE : Rose, Jaune, Vert, Bleu, Violet.
   -------------------------------------------------------------------------- */
.ogfa-polebar{display:flex;height:3px;width:100%}
.ogfa-polebar>span{flex:1}

/* --------------------------------------------------------------------------
   Footer — signature obligatoire « Toi Pour Demain » (Caveat, exclusif)
   -------------------------------------------------------------------------- */
.ogfa-footer{text-align:center;padding:1rem;border-top:1px solid var(--ogfa-border);background:#fff;margin-top:1.5rem}
.ogfa-signature{font-family:'Caveat',cursive;font-size:1.5rem;color:var(--ogfa-brand);margin:0}
.ogfa-mention{display:block;font-size:.75rem;color:var(--ogfa-text-sub)}
.ogfa-footer__menu{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem 1.5rem;margin:0 0 .75rem;padding:0}
.ogfa-footer__menu a{font-size:.8rem;font-weight:600;color:var(--ogfa-text-sub)}
.ogfa-footer__menu a:hover{color:var(--ogfa-brand)}

/* --------------------------------------------------------------------------
   Écran de bienvenue — logo animé
   Keyframes EXACTS repris de l'app interne — ne pas altérer courbes ni durées.
   -------------------------------------------------------------------------- */
#ogfa-splash{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;
  overflow:hidden;cursor:pointer;user-select:none;
  background:linear-gradient(135deg,#005580 0%,#007DB8 55%,#008ECF 100%)}
#ogfa-splash.out{animation:ogfa-splash-fade .95s ease-in both;pointer-events:none}
#ogfa-reveal{position:absolute;z-index:5;border-radius:9999px;background:#fff;width:220vmax;height:220vmax;
  margin-left:-110vmax;margin-top:-110vmax;display:none}
#ogfa-splash.out #ogfa-reveal{display:block;animation:ogfa-reveal .7s cubic-bezier(.5,0,.8,.5) both}
.ogfa-halo-bg{position:absolute;border-radius:9999px;filter:blur(64px);pointer-events:none;animation:ogfa-fade-in .3s ease-out both}
.ogfa-h1{top:-8rem;left:-6rem;width:24rem;height:24rem;background:rgb(255 255 255/.10)}
.ogfa-h2{bottom:-10rem;right:-6rem;width:28rem;height:28rem;background:rgb(94 184 221/.20);animation-delay:.2s}
#ogfa-logo-box{position:relative;z-index:10;margin-bottom:2rem;animation:ogfa-scale-in .4s ease-out both}
#ogfa-splash.out #ogfa-logo-box{animation:ogfa-logo-dive .75s ease-in both}
.ogfa-halo{position:absolute;inset:-2rem;border-radius:2rem;background:rgb(255 255 255/.15);animation:ogfa-halo 1.6s ease-out .3s both}
#ogfa-splash.out .ogfa-halo{display:none}
.ogfa-logo-card{position:relative;background:#fff;border-radius:1rem;box-shadow:0 10px 25px -5px rgb(0 0 0/.2);padding:1.75rem 2.5rem}
.ogfa-logo-card img{height:9rem;width:auto;display:block}
#ogfa-splash-text{display:flex;flex-direction:column;align-items:center;transition:opacity .2s}
#ogfa-splash.out #ogfa-splash-text{opacity:0}
#ogfa-greeting{display:flex;flex-wrap:wrap;justify-content:center;gap:0 1rem;font:700 3rem/1 'Montserrat',sans-serif;color:#fff;margin:0 0 1rem;text-align:center}
#ogfa-greeting span{animation:ogfa-rise .6s cubic-bezier(.22,1,.36,1) both}
#ogfa-date{color:rgb(255 255 255/.8);text-transform:capitalize;animation:ogfa-rise .6s cubic-bezier(.22,1,.36,1) .65s both;margin:0}
.ogfa-sub{color:rgb(255 255 255/.6);font-size:.875rem;margin:.25rem 0 0;animation:ogfa-rise .6s cubic-bezier(.22,1,.36,1) .78s both}
.ogfa-splash-poles{display:flex;gap:.25rem;margin-top:2rem;width:15rem}
.ogfa-splash-poles>span{height:4px;flex:1;border-radius:9999px;transform-origin:left;transform:scaleX(0);animation:ogfa-sweep .5s ease-out both}
.ogfa-splash-poles>span:nth-child(1){animation-delay:1.10s}
.ogfa-splash-poles>span:nth-child(2){animation-delay:1.19s}
.ogfa-splash-poles>span:nth-child(3){animation-delay:1.28s}
.ogfa-splash-poles>span:nth-child(4){animation-delay:1.37s}
.ogfa-splash-poles>span:nth-child(5){animation-delay:1.46s}
.ogfa-hint{position:absolute;bottom:1.5rem;font-size:.75rem;color:rgb(255 255 255/.4);animation:ogfa-fade-in .3s 1.5s both}
@keyframes ogfa-fade-in{from{opacity:0}to{opacity:1}}
@keyframes ogfa-scale-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@keyframes ogfa-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes ogfa-sweep{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes ogfa-halo{0%{transform:scale(.7);opacity:.6}100%{transform:scale(1.6);opacity:0}}
@keyframes ogfa-splash-fade{0%{transform:scale(1);opacity:1}65%{opacity:1}100%{transform:scale(1.12);opacity:0}}
@keyframes ogfa-reveal{from{transform:scale(.01)}to{transform:scale(1)}}
@keyframes ogfa-logo-dive{0%{transform:scale(1);opacity:1}55%{opacity:1}100%{transform:scale(1.45);opacity:0}}
/* Animations réduites (réglage OS, sessions RDP/RDS…) : version STATIQUE de l'écran
   de bienvenue — tout est visible immédiatement, aucun mouvement, fermeture instantanée.
   (Écart assumé avec la charte qui prévoyait une désactivation totale : les postes de
   travail internes en RDS ne voyaient jamais l'écran.) */
@media (prefers-reduced-motion:reduce){
  #ogfa-splash *, #ogfa-splash{animation:none !important;transition:none !important}
  #ogfa-splash .ogfa-halo, #ogfa-splash .ogfa-halo-bg{display:none}
  #ogfa-greeting span,#ogfa-date,.ogfa-sub,.ogfa-hint{opacity:1;transform:none}
  .ogfa-splash-poles>span{transform:scaleX(1)}
  #ogfa-splash.out{display:none}
}