:root {
  --primary-color: #1877F2;      /* Facebook-like blue, trust, authority */
  --secondary-color: #F8F8F8;    /* Light gray, soft contrast background */
  --background-color: #FFFFFF;   /* Clean white, clarity */
  --text-primary: #1A1A1A;       /* Dark gray, professional readability */
  --text-secondary: #4D4D4D;     /* Medium gray for secondary text */
  --accent-color: #0F62FE;       /* Microsoft-style bright blue accent for buttons/links */
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: var(--background-color);
  color: var(--text-primary);
}

  .slide-in-right { animation: slideInRight 0.5s forwards; }
  .slide-out-left { animation: slideOutLeft 0.5s forwards; }

  @keyframes slideInRight {
    0% { opacity: 0; transform: translateX(100%); }
    100% { opacity: 1; transform: translateX(0); }
  }

  @keyframes slideOutLeft {
    0% { opacity: 1; transform: translateX(0); }
    100% { opacity: 0; transform: translateX(-100%); }
  }


  B) High-fidelity wireframe images (desktop + mobile) and annotated specs for dev handoff.
C) Full implementation including WebRTC + MediaRecorder integration and server upload scaffolding (requires server/storage).