/* Thème commun VETTER (Gestion, Écrans, Pointeuse, futurs projets) — charte Lorsea + style « Liquid Glass ».
   SOURCE UNIQUE : ~/Developer/vetter-brand/vetter-theme.css. Copier ce fichier tel quel dans chaque projet
   (à côté de vetter-font.css), le charger juste après lui et AVANT la feuille de l'appli.
   Ne déclare que des variables (--v-…) : chaque appli s'en sert dans son glass.css ; aucun réglage de mise en page ici.
   Une couleur à changer = la changer ici, puis recopier le fichier dans les trois projets.
   IMMO n'utilise PAS ce fichier (couleurs Meilleur Conseil Immo). */
:root {
  /* Charte */
  --v-magenta: #AB1263;          /* couleur principale : boutons, élément actif, chiffres clés */
  --v-prune: #672046;            /* bandeaux (haut, menu de gauche), survol des boutons magenta */
  --v-magenta-doux: rgba(171,18,99,.12);
  --v-prune-doux: rgba(103,32,70,.08);

  /* Fond et texte */
  --v-fond: #FBF3F7;
  --v-encre: #141014;            /* texte */
  --v-encre-2: #5E4B56;          /* texte secondaire */
  --v-encre-3: #7C6874;          /* indications, champs vides */
  --v-trait: rgba(103,32,70,.14);  /* bord des champs */
  --v-sep: rgba(103,32,70,.08);    /* lignes de tableau */

  /* États (seulement pour un état : jamais décoratif) */
  --v-ok: #1E7A47;      --v-ok-doux: rgba(30,122,71,.14);   --v-ok-point: #23804F;
  --v-alerte: #9A5B00;  --v-alerte-doux: rgba(154,91,0,.14); --v-alerte-point: #C98A1B;
  --v-erreur: #A32626;  --v-erreur-doux: rgba(163,38,38,.14); --v-erreur-point: #C22F2F;

  /* Verre */
  --v-verre: rgba(255,255,255,.44);         /* flouté : ce qui flotte (barre du bas, menus, fenêtres) */
  --v-verre-leger: rgba(255,255,255,.84);   /* sans flou : cartes, listes, tableaux */
  --v-verre-bord: rgba(255,255,255,.7);
  --v-verre-flou: blur(22px) saturate(180%);
  --v-verre-ombre: inset 0 1px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(255,255,255,.3), 0 10px 30px rgba(103,32,70,.12);
  --v-pastille: rgba(255,255,255,.75);      /* onglet actif de la barre du bas */
  --v-voile: rgba(103,32,70,.24);           /* derrière une fenêtre ouverte */
  --v-halos:
    radial-gradient(max(420px, 34vw) max(420px, 34vw) at 100% 0, rgba(242,169,203,.85), rgba(242,169,203,0) 70%),
    radial-gradient(max(440px, 36vw) max(440px, 36vw) at 0 52%, rgba(233,201,218,.9), rgba(233,201,218,0) 70%),
    radial-gradient(max(420px, 34vw) max(420px, 34vw) at 92% 100%, rgba(201,138,174,.55), rgba(201,138,174,0) 70%);

  /* Boutons */
  --v-bouton-ombre: inset 0 1px 0 rgba(255,255,255,.45), 0 8px 20px rgba(171,18,99,.3);  /* bouton magenta */

  /* Bandeau du haut (prune uni) */
  --v-bandeau: 72px;            /* hauteur ordinateur */
  --v-bandeau-tel: 64px;        /* hauteur téléphone */
  --v-bandeau-texte: rgba(255,255,255,.78);
  --v-bandeau-bouton: rgba(255,255,255,.14);
  --v-bandeau-survol: rgba(255,255,255,.10);

  /* Formes */
  --v-rayon: 24px;          /* cartes */
  --v-rayon-fenetre: 28px;  /* fenêtres, connexion */
  --v-rayon-champ: 16px;    /* champs de saisie */
  --v-ease: cubic-bezier(.2,.8,.2,1);
}