/* Ouip branding overrides for Element Call
   Compound Design Tokens : surcharge des couleurs accent par le rose Ouip.
   Ne touche PAS au layout — juste les couleurs primaires + background.
*/
:root, html, body {
  /* Couleur primaire (boutons, accents, focus rings) */
  --cpd-color-text-action-accent:   #FF4094 !important;
  --cpd-color-icon-accent-tertiary: #FF4094 !important;
  --cpd-color-bg-action-primary-rest:    #FF4094 !important;
  --cpd-color-bg-action-primary-hovered: #E63086 !important;
  --cpd-color-bg-action-primary-pressed: #CC2278 !important;
  --cpd-color-border-interactive-primary: #FF4094 !important;

  /* Background sombre Ouip pour la grille d appel */
  --cpd-color-bg-canvas-default: #0D121C !important;
  --cpd-color-bg-subtle-secondary: #1A2030 !important;

  /* Tuiles vidéo */
  --cpd-color-bg-subtle-primary: #1A2030 !important;
}

/* Lobby / home screen — fond Ouip */
body { background: #0D121C !important; }

/* Splash spinner et logo */
img[alt*="Element"],
img[alt*="logo"] { filter: hue-rotate(0deg); }

/* Footer "Powered by Element" — discret mais visible */