/* Source unique du matériau verre pour la homepage statique et l'application.
   Les surfaces choisissent nav ou volet ; leur forme et leur position restent propres à chaque écran. */
:root {
  --glass-light-tint: 255 255 255;
  --glass-nav-light-tint: 234 243 254;
  --glass-panel-light-tint: 231 241 253;
  --glass-nav-dark-tint: 16 18 22;
  --glass-panel-dark-tint: 18 20 24;
  --glass-nav-light-alpha: 0.62;
  --glass-nav-dark-alpha: 0.5;
  --glass-panel-light-alpha: 0.72;
  --glass-panel-dark-alpha: 0.72;
  --glass-nav-blur: 20px;
  --glass-panel-blur: 24px;
  --glass-material-saturate: 180%;
  --glass-nav-light-border: rgba(55, 89, 130, 0.16);
  --glass-nav-dark-border: rgba(255, 255, 255, 0.08);
  --glass-panel-light-border: rgba(55, 89, 130, 0.2);
  --glass-panel-dark-border: rgba(255, 255, 255, 0.08);
  --glass-nav-light-specular: rgba(255, 255, 255, 0.9);
  --glass-nav-dark-specular: rgba(255, 255, 255, 0.12);
  --glass-panel-light-specular: #fff;
  --glass-panel-dark-specular: rgba(255, 255, 255, 0.14);
  --glass-light-shadow-color: rgba(21, 32, 48, 0.35);
  --glass-dark-shadow-color: rgba(0, 0, 0, 0.7);
  --glass-panel-dark-shadow-color: rgba(0, 0, 0, 0.65);
  --glass-nav-light-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), inset 0 0 0 1px rgba(255, 255, 255, 0.34), 0 -12px 28px -18px rgba(35, 58, 90, 0.48);
  --glass-panel-light-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), inset 1px 0 0 rgba(255, 255, 255, 0.58), inset -1px 0 0 rgba(255, 255, 255, 0.38), 0 16px 34px -14px rgba(35, 58, 90, 0.42), 0 28px 54px -24px rgba(35, 58, 90, 0.38);
  --glass-nav-dark-shadow: inset 0 1px 0 var(--glass-nav-dark-specular), 0 -8px 24px -16px var(--glass-dark-shadow-color);
  --glass-panel-dark-shadow: inset 0 1px 0 var(--glass-panel-dark-specular), 0 24px 48px -16px var(--glass-panel-dark-shadow-color);
  --glass-light-reflection: linear-gradient(125deg, rgba(255, 255, 255, 0.36), rgba(255, 255, 255, 0.04) 42%, rgba(100, 150, 205, 0.06) 72%, rgba(255, 255, 255, 0.18));
}