/* Be A Bee Online : la même identité que le site be-a-bee.fr, sur l'application commune avec Joud Online.
   Brun chocolat et miel du logo, pastels (rose poudré, caramel, menthe), ciel de rêve étoilé et abeille sur l'écran
   de connexion. Titres Libre Bodoni, petits titres Dancing Script, texte Mulish (comme sites/beabee/assets/theme.css).
   Chargé après app.css, seulement par Be A Bee Online. */
body.espace-be_a_bee{
  --papier:#ffffff; --fond:#fffaf0; --sable:#fbf3e1; --sable-2:#ecdcb8; --sable-3:#fdf6e8;
  --encre:#3b2d24; --encre-2:#4a3222; --doux:#6b5a4d; --trait:#f0e6d8;
  --accent:#4a3222; --accent-doux:#fbf3e1; --accent-texte:#4a3222;
  --or:#c98b4f; --or-2:#e6b93f; --or-doux:#fdf0c8;
  --miel:#e6b93f; --miel-c:#f6dc8a; --rose:#f3c9d4; --rose-f:#d9708f; --caramel:#ecd2b2; --menthe:#cfe8dc;
  --titre:"Libre Bodoni", Georgia, serif; --script:"Dancing Script", "Brush Script MT", cursive;
  --texte:"Mulish", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ombre:0 1px 2px rgba(74,50,34,.04), 0 10px 30px -18px rgba(74,50,34,.35);
  --etoiles:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cpath d='M68 81Q68 85 72 85Q68 85 68 89Q68 85 64 85Q68 85 68 81Z' fill='%23e6b93f' fill-opacity='0.6'/%3E%3Cpath d='M47 27Q47 31 51 31Q47 31 47 35Q47 31 43 31Q47 31 47 27Z' fill='%23e6b93f' fill-opacity='0.6'/%3E%3Cpath d='M148 78Q148 82 152 82Q148 82 148 86Q148 82 144 82Q148 82 148 78Z' fill='%23e79ab0' fill-opacity='0.75'/%3E%3Cpath d='M145 93Q145 100 152 100Q145 100 145 107Q145 100 138 100Q145 100 145 93Z' fill='%23e79ab0' fill-opacity='0.45'/%3E%3Cpath d='M75 58Q75 62 79 62Q75 62 75 66Q75 62 71 62Q75 62 75 58Z' fill='%23c98b4f' fill-opacity='0.6'/%3E%3Cpath d='M57 43Q57 50 64 50Q57 50 57 57Q57 50 50 50Q57 50 57 43Z' fill='%23c98b4f' fill-opacity='0.75'/%3E%3Cpath d='M230 188Q230 195 237 195Q230 195 230 202Q230 195 223 195Q230 195 230 188Z' fill='%23e6b93f' fill-opacity='0.75'/%3E%3Cpath d='M94 170Q94 179 103 179Q94 179 94 188Q94 179 85 179Q94 179 94 170Z' fill='%23e79ab0' fill-opacity='0.45'/%3E%3Cpath d='M71 122Q71 129 78 129Q71 129 71 136Q71 129 64 129Q71 129 71 122Z' fill='%23e6b93f' fill-opacity='0.75'/%3E%3C/svg%3E");
  --abeille:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 130'%3E%3Cpath d='M10 112C54 30 104 128 150 62' fill='none' stroke='%23e6b93f' stroke-width='2.4' stroke-dasharray='2 9' stroke-linecap='round'/%3E%3Cpath d='M20 86Q20 92 26 92Q20 92 20 98Q20 92 14 92Q20 92 20 86Z' fill='%23e6b93f' fill-opacity='0.9'/%3E%3Cpath d='M62 54Q62 58 66 58Q62 58 62 62Q62 58 58 58Q62 58 62 54Z' fill='%23e79ab0' fill-opacity='0.9'/%3E%3Cpath d='M118 91Q118 96 123 96Q118 96 118 101Q118 96 113 96Q118 96 118 91Z' fill='%23c98b4f' fill-opacity='0.9'/%3E%3Cg transform='translate%28182 52%29 rotate%28-16%29'%3E%3Cellipse cx='-3' cy='-12' rx='11' ry='8' fill='%23ffffff' fill-opacity='.9' stroke='%234a3222' stroke-width='1.4'/%3E%3Cellipse cx='11' cy='-13' rx='10' ry='7' fill='%23ffffff' fill-opacity='.9' stroke='%234a3222' stroke-width='1.4'/%3E%3Cellipse cx='5' cy='0' rx='17' ry='11' fill='%23f2cc5a' stroke='%234a3222' stroke-width='1.8'/%3E%3Cpath d='M-1-10v20M7-10v20' stroke='%234a3222' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='21' cy='-2' r='2.4' fill='%234a3222'/%3E%3Cpath d='M17 4q4 3 8 0' fill='none' stroke='%234a3222' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='15' cy='2' r='2' fill='%23f0a0b4' fill-opacity='.8'/%3E%3C/g%3E%3C/svg%3E");
  --reve:radial-gradient(ellipse at 12% 18%,#fde3ea 0,transparent 45%),radial-gradient(ellipse at 88% 22%,#fbe6cf 0,transparent 48%),radial-gradient(ellipse at 50% 100%,#fdf0c8 0,transparent 60%),#fffaf3;
}
body.espace-be_a_bee h1,body.espace-be_a_bee h2,body.espace-be_a_bee h3{color:var(--encre-2);letter-spacing:-.01em}

/* Connexion : le ciel de rêve étoilé du site, l'abeille et sa traînée dorée */
body.espace-be_a_bee .connexion-visuel{position:relative;background:var(--etoiles),var(--reve)}
body.espace-be_a_bee .connexion-visuel::after{content:"";position:absolute;right:6%;top:8%;width:230px;height:125px;background:var(--abeille) center/contain no-repeat;pointer-events:none}
body.espace-be_a_bee .connexion-visuel img{box-shadow:none;filter:drop-shadow(0 14px 30px rgba(201,139,79,.45))}
body.espace-be_a_bee .connexion-visuel p{font-family:var(--script);font-size:30px;color:#9a5a2c}
body.espace-be_a_bee .connexion-form{border-top:3px solid transparent;border-image:linear-gradient(90deg,var(--rose),var(--miel) 35%,var(--menthe) 65%,var(--caramel)) 1}
@media (prefers-reduced-motion:no-preference){body.espace-be_a_bee .connexion-visuel::after{animation:vol 6s ease-in-out infinite}}
@keyframes vol{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* Barre latérale : le liseré pastel du site sous le logo, la page ouverte soulignée de miel */
body.espace-be_a_bee .logo{border-bottom:3px solid transparent;border-image:linear-gradient(90deg,var(--rose),var(--miel) 35%,var(--menthe) 65%,var(--caramel)) 1;margin-bottom:12px}
body.espace-be_a_bee .logo b{font-family:var(--titre);color:var(--encre-2)}
body.espace-be_a_bee .nav a[aria-current="page"]{box-shadow:inset 3px 0 0 var(--miel)}

/* Boutons : chocolat, miel au survol, comme sur le site */
body.espace-be_a_bee .btn{border-radius:6px;font-weight:700}
body.espace-be_a_bee .btn:not(.clair):not(.danger):hover{background:var(--miel);border-color:var(--miel);color:var(--encre-2)}

/* Cartes et accueil : arrondis doux, bandeau d'accueil étoilé */
body.espace-be_a_bee .carte{border-radius:16px}
body.espace-be_a_bee .bienvenue{background:var(--etoiles),var(--reve);border:1px solid var(--trait)}
body.espace-be_a_bee .bienvenue small{font:600 22px/1.2 var(--script);letter-spacing:0;text-transform:none;color:#9a5a2c}
body.espace-be_a_bee .pastille.or{background:var(--or-doux);color:#7a5418}
body.espace-be_a_bee .onglets-bas a[aria-current="page"]{color:var(--encre-2)}